@bergetai/ui 0.13.4 → 0.13.6

package/dist/index.js

@@ -3238,9 +3238,150 @@ var ItemSeparator2 = React18.forwardRef(({ className, ...props }, ref) => {
 });
 ItemSeparator2.displayName = "ItemSeparator";
 
+// src/components/empty/Empty.tsx
+import * as React19 from "react";
+
+// src/primitives/empty.tsx
+import { cva as cva11 } from "class-variance-authority";
+import { cn as cn15 } from "cn";
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      "data-slot": "empty",
+      className: cn15(
+        "flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      "data-slot": "empty-header",
+      className: cn15("flex max-w-sm flex-col items-center gap-2", className),
+      ...props
+    }
+  );
+}
+var emptyMediaVariants = cva11(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      "data-slot": "empty-icon",
+      "data-variant": variant,
+      className: cn15(emptyMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function EmptyTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      "data-slot": "empty-title",
+      className: cn15(
+        "text-sm font-medium tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      "data-slot": "empty-description",
+      className: cn15(
+        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      "data-slot": "empty-content",
+      className: cn15(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/empty/Empty.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+function Empty2({ className, ...props }) {
+  return /* @__PURE__ */ jsx33(Empty, { className, ...props });
+}
+var EmptyMedia2 = React19.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
+    EmptyMedia,
+    {
+      ref,
+      className: cn(
+        "data-[variant=icon]:bg-berget-empty-media-icon-bg data-[variant=icon]:text-berget-empty-media-icon-fg",
+        className
+      ),
+      ...props
+    }
+  );
+});
+EmptyMedia2.displayName = "EmptyMedia";
+var EmptyTitle2 = React19.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
+    EmptyTitle,
+    {
+      ref,
+      className: cn("text-base text-berget-empty-title-fg", className),
+      ...props
+    }
+  );
+});
+EmptyTitle2.displayName = "EmptyTitle";
+var EmptyDescription2 = React19.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
+    EmptyDescription,
+    {
+      ref,
+      className: cn("text-berget-empty-description-fg", className),
+      ...props
+    }
+  );
+});
+EmptyDescription2.displayName = "EmptyDescription";
+
 // src/components/search-input/SearchInput.tsx
 import { Search } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
 var SearchInput = ({
   type = "search",
   placeholder = "Search...",
@@ -3248,14 +3389,14 @@ var SearchInput = ({
   ref,
   ...props
 }) => /* @__PURE__ */ jsxs15("div", { className: "relative flex w-full items-center", "data-slot": "search-input", children: [
-  /* @__PURE__ */ jsx32(
+  /* @__PURE__ */ jsx34(
     Search,
     {
       "aria-hidden": "true",
       className: "pointer-events-none absolute left-2.5 size-4 text-berget-muted-foreground"
     }
   ),
-  /* @__PURE__ */ jsx32(
+  /* @__PURE__ */ jsx34(
     Input,
     {
       ref,
@@ -3269,32 +3410,32 @@ var SearchInput = ({
 SearchInput.displayName = "SearchInput";
 
 // src/components/checkbox/Checkbox.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { Checkbox as CheckboxPrimitive2 } from "@base-ui/react/checkbox";
 import { Check } from "lucide-react";
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva12 } from "class-variance-authority";
 
 // src/primitives/checkbox.tsx
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
-import { cn as cn15 } from "cn";
+import { cn as cn16 } from "cn";
 import { CheckIcon as CheckIcon2 } from "lucide-react";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
-      className: cn15(
+      className: cn16(
         "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__ */ jsx33(
+      children: /* @__PURE__ */ jsx35(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-          children: /* @__PURE__ */ jsx33(
+          children: /* @__PURE__ */ jsx35(
             CheckIcon2,
             {}
           )
@@ -3305,8 +3446,8 @@ function Checkbox({ className, ...props }) {
 }
 
 // src/components/checkbox/Checkbox.tsx
-import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
-var checkboxVariants = cva11(
+import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
+var checkboxVariants = cva12(
   "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: {
@@ -3327,7 +3468,7 @@ var checkboxVariants = cva11(
     }
   }
 );
-var Checkbox2 = React19.forwardRef(
+var Checkbox2 = React20.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -3340,11 +3481,11 @@ var Checkbox2 = React19.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React19.useId();
+    const generatedId = React20.useId();
     const checkboxId = id || generatedId;
     const errorId = `${checkboxId}-error`;
     return /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx34("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx36("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ jsx36(
         Checkbox,
         {
           ref,
@@ -3360,7 +3501,7 @@ var Checkbox2 = React19.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx34(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx34(
+          children: /* @__PURE__ */ jsx36(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx36(
             Check,
             {
               className: "h-4 w-4 text-current stroke-current",
@@ -3370,7 +3511,7 @@ var Checkbox2 = React19.forwardRef(
         }
       ) }),
       (label || description || error) && /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ jsx34(
+        label && /* @__PURE__ */ jsx36(
           "label",
           {
             htmlFor: checkboxId,
@@ -3382,8 +3523,8 @@ var Checkbox2 = React19.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx34(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ jsx34(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ jsx36(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ jsx36(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -3391,11 +3532,11 @@ var Checkbox2 = React19.forwardRef(
 Checkbox2.displayName = "Checkbox";
 
 // src/components/switch/Switch.tsx
-import * as React20 from "react";
+import * as React21 from "react";
 import { Switch as SwitchPrimitives } from "@base-ui/react/switch";
-import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
-var switchRootVariants = cva12(
+import { cva as cva13 } from "class-variance-authority";
+import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
+var switchRootVariants = cva13(
   "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: {
@@ -3416,7 +3557,7 @@ var switchRootVariants = cva12(
     }
   }
 );
-var switchThumbVariants = cva12(
+var switchThumbVariants = cva13(
   "pointer-events-none block rounded-full ring-0 transition-transform shadow-berget-sm bg-berget-foreground",
   {
     variants: {
@@ -3431,7 +3572,7 @@ var switchThumbVariants = cva12(
     }
   }
 );
-var Switch = React20.forwardRef(
+var Switch = React21.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -3444,11 +3585,11 @@ var Switch = React20.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React20.useId();
+    const generatedId = React21.useId();
     const switchId = id || generatedId;
     const errorId = `${switchId}-error`;
     return /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx37(
         SwitchPrimitives.Root,
         {
           ref,
@@ -3463,11 +3604,11 @@ var Switch = React20.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx35(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+          children: /* @__PURE__ */ jsx37(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
         }
       ),
       (label || description || error) && /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ jsx35(
+        label && /* @__PURE__ */ jsx37(
           "label",
           {
             htmlFor: switchId,
@@ -3478,8 +3619,8 @@ var Switch = React20.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx35(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ jsx35(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        description && /* @__PURE__ */ jsx37(Typography, { variant: "xs", color: "muted", children: description }),
+        error && /* @__PURE__ */ jsx37(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
       ] })
     ] });
   }
@@ -3488,26 +3629,26 @@ Switch.displayName = "Switch";
 
 // src/primitives/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { cn as cn16 } from "cn";
+import { cn as cn17 } from "cn";
 import { ChevronDownIcon as ChevronDownIcon2, CheckIcon as CheckIcon3, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     SelectPrimitive.Group,
     {
       "data-slot": "select-group",
-      className: cn16("scroll-my-1 p-1", className),
+      className: cn17("scroll-my-1 p-1", className),
       ...props
     }
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     SelectPrimitive.Value,
     {
       "data-slot": "select-value",
-      className: cn16("flex flex-1 text-left", className),
+      className: cn17("flex flex-1 text-left", className),
       ...props
     }
   );
@@ -3523,17 +3664,17 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       "data-size": size,
-      className: cn16(
+      className: cn17(
         "flex w-fit cursor-pointer items-center justify-between gap-1.5 rounded-lg border border-input bg-input/30 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: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__ */ jsx36(
+        /* @__PURE__ */ jsx38(
           SelectPrimitive.Icon,
           {
-            render: /* @__PURE__ */ jsx36(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" })
+            render: /* @__PURE__ */ jsx38(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" })
           }
         )
       ]
@@ -3550,7 +3691,7 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx38(
     SelectPrimitive.Positioner,
     {
       side,
@@ -3564,12 +3705,12 @@ function SelectContent({
         {
           "data-slot": "select-content",
           "data-align-trigger": alignItemWithTrigger,
-          className: cn16("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: cn17("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__ */ jsx36(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx36(SelectPrimitive.List, { children }),
-            /* @__PURE__ */ jsx36(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx38(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx38(SelectPrimitive.List, { children }),
+            /* @__PURE__ */ jsx38(SelectScrollDownButton, {})
           ]
         }
       )
@@ -3580,11 +3721,11 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     SelectPrimitive.GroupLabel,
     {
       "data-slot": "select-label",
-      className: cn16("px-1.5 py-1 text-xs text-muted-foreground", className),
+      className: cn17("px-1.5 py-1 text-xs text-muted-foreground", className),
       ...props
     }
   );
@@ -3598,18 +3739,18 @@ function SelectItem({
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
-      className: cn16(
+      className: cn17(
         "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__ */ jsx36(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx38(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx38(
           SelectPrimitive.ItemIndicator,
           {
-            render: /* @__PURE__ */ jsx36("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx36(CheckIcon3, { className: "pointer-events-none" })
+            render: /* @__PURE__ */ jsx38("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx38(CheckIcon3, { className: "pointer-events-none" })
           }
         )
       ]
@@ -3620,11 +3761,11 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
-      className: cn16("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+      className: cn17("pointer-events-none -mx-1 my-1 h-px bg-border", className),
       ...props
     }
   );
@@ -3633,16 +3774,16 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
-      className: cn16(
+      className: cn17(
         "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__ */ jsx36(
+      children: /* @__PURE__ */ jsx38(
         ChevronUpIcon,
         {}
       )
@@ -3653,16 +3794,16 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
-      className: cn16(
+      className: cn17(
         "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__ */ jsx36(
+      children: /* @__PURE__ */ jsx38(
         ChevronDownIcon2,
         {}
       )
@@ -3671,19 +3812,19 @@ function SelectScrollDownButton({
 }
 
 // src/components/country-select/CountrySelect.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import { ChevronDown as ChevronDown2, Globe } from "lucide-react";
 
 // src/components/icon/Icon.tsx
-import * as React21 from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import * as React22 from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var iconStrokeMap = {
   12: 1.4,
   16: 1.4,
   24: 1.6,
   32: 1.8
 };
-var Icon = React21.forwardRef(
+var Icon = React22.forwardRef(
   ({
     icon: IconComponent,
     size,
@@ -3695,7 +3836,7 @@ var Icon = React21.forwardRef(
     const strokeWidth = iconStrokeMap[size];
     const sizeClass = size === 12 ? "w-3 h-3" : size === 16 ? "w-4 h-4" : size === 24 ? "w-6 h-6" : "w-8 h-8";
     const ariaAttributes = ariaLabel ? { "aria-label": ariaLabel } : { "aria-hidden": ariaHidden };
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx39(
       IconComponent,
       {
         ref,
@@ -3711,13 +3852,13 @@ Icon.displayName = "Icon";
 
 // src/primitives/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { cn as cn17 } from "cn";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { cn as cn18 } from "cn";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx38(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx38(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -3727,7 +3868,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx40(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx40(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -3735,11 +3876,11 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx40(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
-          className: cn17(
+          className: cn18(
             "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
           ),
@@ -3752,27 +3893,27 @@ function PopoverContent({
 
 // src/primitives/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
-import { cn as cn21 } from "cn";
+import { cn as cn22 } from "cn";
 
 // src/primitives/dialog.tsx
 import { Dialog as DialogPrimitive2 } from "@base-ui/react/dialog";
-import { cn as cn18 } from "cn";
+import { cn as cn19 } from "cn";
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs19 } from "react/jsx-runtime";
 
 // src/primitives/input-group.tsx
-import { cva as cva13 } from "class-variance-authority";
-import { cn as cn20 } from "cn";
+import { cva as cva14 } from "class-variance-authority";
+import { cn as cn21 } from "cn";
 
 // src/primitives/textarea.tsx
-import { cn as cn19 } from "cn";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { cn as cn20 } from "cn";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(
     "textarea",
     {
       "data-slot": "textarea",
-      className: cn19(
+      className: cn20(
         "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-input/30 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:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
         className
       ),
@@ -3782,14 +3923,14 @@ function Textarea({ className, ...props }) {
 }
 
 // src/primitives/input-group.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "input-group",
       role: "group",
-      className: cn20(
+      className: cn21(
         "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
       ),
@@ -3797,7 +3938,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: {
@@ -3818,13 +3959,13 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": align,
-      className: cn20(inputGroupAddonVariants({ align }), className),
+      className: cn21(inputGroupAddonVariants({ align }), className),
       onClick: (e) => {
         if (e.target.closest("button")) {
           return;
@@ -3835,7 +3976,7 @@ function InputGroupAddon({
     }
   );
 }
-var inputGroupButtonVariants = cva13(
+var inputGroupButtonVariants = cva14(
   "flex items-center gap-2 text-sm shadow-none",
   {
     variants: {
@@ -3854,16 +3995,16 @@ var inputGroupButtonVariants = cva13(
 
 // src/primitives/command.tsx
 import { SearchIcon, CheckIcon as CheckIcon4 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     CommandPrimitive,
     {
       "data-slot": "command",
-      className: cn21(
+      className: cn22(
         "flex size-full flex-col overflow-hidden rounded-xl! bg-popover p-1 text-popover-foreground",
         className
       ),
@@ -3875,30 +4016,30 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs20(InputGroup, { className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
-    /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs20(InputGroup, { className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
+    /* @__PURE__ */ jsx44(
       CommandPrimitive.Input,
       {
         "data-slot": "command-input",
-        className: cn21(
+        className: cn22(
           "w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         ...props
       }
     ),
-    /* @__PURE__ */ jsx42(InputGroupAddon, { children: /* @__PURE__ */ jsx42(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
+    /* @__PURE__ */ jsx44(InputGroupAddon, { children: /* @__PURE__ */ jsx44(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
   ] }) });
 }
 function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
-      className: cn21(
+      className: cn22(
         "no-scrollbar max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none",
         className
       ),
@@ -3910,11 +4051,11 @@ function CommandEmpty({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
-      className: cn21("py-6 text-center text-sm", className),
+      className: cn22("py-6 text-center text-sm", className),
       ...props
     }
   );
@@ -3923,11 +4064,11 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
-      className: cn21(
+      className: cn22(
         "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
       ),
@@ -3944,14 +4085,14 @@ function CommandItem({
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
-      className: cn21(
+      className: cn22(
         "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__ */ jsx42(CheckIcon4, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
+        /* @__PURE__ */ jsx44(CheckIcon4, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
       ]
     }
   );
@@ -4099,8 +4240,8 @@ var isEUCountry = (countryCode) => {
 };
 
 // src/components/country-select/CountrySelect.tsx
-import { Fragment as Fragment2, jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
-var CountrySelect = React22.forwardRef(
+import { Fragment as Fragment2, jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+var CountrySelect = React23.forwardRef(
   ({
     value,
     onValueChange,
@@ -4110,14 +4251,14 @@ var CountrySelect = React22.forwardRef(
     align = "center",
     sideOffset = 4
   }, ref) => {
-    const [open, setOpen] = React22.useState(false);
-    const selectedCountry = React22.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
+    const [open, setOpen] = React23.useState(false);
+    const selectedCountry = React23.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
     return /* @__PURE__ */ jsxs21(Popover, { open, onOpenChange: setOpen, children: [
       /* @__PURE__ */ jsxs21(
         PopoverTrigger,
         {
           ref,
-          render: /* @__PURE__ */ jsx43(
+          render: /* @__PURE__ */ jsx45(
             "button",
             {
               type: "button",
@@ -4139,16 +4280,16 @@ var CountrySelect = React22.forwardRef(
             }
           ),
           children: [
-            /* @__PURE__ */ jsx43("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ jsxs21(Fragment2, { children: [
-              /* @__PURE__ */ jsx43("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
-              /* @__PURE__ */ jsx43("span", { className: "truncate", children: selectedCountry.name }),
+            /* @__PURE__ */ jsx45("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ jsxs21(Fragment2, { children: [
+              /* @__PURE__ */ jsx45("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
+              /* @__PURE__ */ jsx45("span", { className: "truncate", children: selectedCountry.name }),
               /* @__PURE__ */ jsxs21("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", children: [
                 "(",
                 selectedCountry.code,
                 ")"
               ] })
             ] }) : /* @__PURE__ */ jsxs21(Fragment2, { children: [
-              /* @__PURE__ */ jsx43(
+              /* @__PURE__ */ jsx45(
                 Icon,
                 {
                   icon: Globe,
@@ -4156,9 +4297,9 @@ var CountrySelect = React22.forwardRef(
                   className: "flex-shrink-0 text-berget-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsx43("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
+              /* @__PURE__ */ jsx45("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
             ] }) }),
-            /* @__PURE__ */ jsx43(
+            /* @__PURE__ */ jsx45(
               Icon,
               {
                 icon: ChevronDown2,
@@ -4173,17 +4314,17 @@ var CountrySelect = React22.forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx45(
         PopoverContent,
         {
           align,
           sideOffset,
           className: "w-[var(--radix-popover-trigger-width)] p-0",
           children: /* @__PURE__ */ jsxs21(Command, { children: [
-            /* @__PURE__ */ jsx43(CommandInput, { placeholder: "Search country..." }),
+            /* @__PURE__ */ jsx45(CommandInput, { placeholder: "Search country..." }),
             /* @__PURE__ */ jsxs21(CommandList, { children: [
-              /* @__PURE__ */ jsx43(CommandEmpty, { children: "No countries found." }),
-              /* @__PURE__ */ jsx43(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ jsxs21(
+              /* @__PURE__ */ jsx45(CommandEmpty, { children: "No countries found." }),
+              /* @__PURE__ */ jsx45(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ jsxs21(
                 CommandItem,
                 {
                   value: `${country.name} ${country.code}`,
@@ -4197,12 +4338,12 @@ var CountrySelect = React22.forwardRef(
                     value === country.code && "bg-berget-brand-granite-800/40"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx43("span", { className: "text-xl flex-shrink-0", children: country.flag }),
+                    /* @__PURE__ */ jsx45("span", { className: "text-xl flex-shrink-0", children: country.flag }),
                     /* @__PURE__ */ jsxs21("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsx43("div", { className: "text-sm truncate", children: country.name }),
-                      /* @__PURE__ */ jsx43("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
+                      /* @__PURE__ */ jsx45("div", { className: "text-sm truncate", children: country.name }),
+                      /* @__PURE__ */ jsx45("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
                     ] }),
-                    value === country.code && /* @__PURE__ */ jsx43("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
+                    value === country.code && /* @__PURE__ */ jsx45("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
                   ]
                 },
                 country.code
@@ -4217,14 +4358,14 @@ var CountrySelect = React22.forwardRef(
 CountrySelect.displayName = "CountrySelect";
 
 // src/primitives/label.tsx
-import { cn as cn22 } from "cn";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { cn as cn23 } from "cn";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx46(
     "label",
     {
       "data-slot": "label",
-      className: cn22(
+      className: cn23(
         "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
       ),
@@ -4235,15 +4376,15 @@ function Label({ className, ...props }) {
 
 // src/primitives/field.tsx
 import { useMemo as useMemo4 } from "react";
-import { cva as cva14 } from "class-variance-authority";
-import { cn as cn23 } from "cn";
-import { jsx as jsx45, jsxs as jsxs22 } from "react/jsx-runtime";
+import { cva as cva15 } from "class-variance-authority";
+import { cn as cn24 } from "cn";
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "fieldset",
     {
       "data-slot": "field-set",
-      className: cn23(
+      className: cn24(
         "flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
         className
       ),
@@ -4256,12 +4397,12 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "legend",
     {
       "data-slot": "field-legend",
       "data-variant": variant,
-      className: cn23(
+      className: cn24(
         "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",
         className
       ),
@@ -4270,11 +4411,11 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "field-group",
-      className: cn23(
+      className: cn24(
         "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
       ),
@@ -4282,7 +4423,7 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = cva14(
+var fieldVariants = cva15(
   "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
   {
     variants: {
@@ -4302,23 +4443,23 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       role: "group",
       "data-slot": "field",
       "data-orientation": orientation,
-      className: cn23(fieldVariants({ orientation }), className),
+      className: cn24(fieldVariants({ orientation }), className),
       ...props
     }
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "field-content",
-      className: cn23(
+      className: cn24(
         "group/field-content flex flex-1 flex-col gap-0.5 leading-snug",
         className
       ),
@@ -4330,11 +4471,11 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     Label,
     {
       "data-slot": "field-label",
-      className: cn23(
+      className: cn24(
         "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
@@ -4344,11 +4485,11 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       "data-slot": "field-label",
-      className: cn23(
+      className: cn24(
         "flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50",
         className
       ),
@@ -4357,11 +4498,11 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "p",
     {
       "data-slot": "field-description",
-      className: cn23(
+      className: cn24(
         "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",
@@ -4381,14 +4522,14 @@ function FieldSeparator({
     {
       "data-slot": "field-separator",
       "data-content": !!children,
-      className: cn23(
+      className: cn24(
         "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx45(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx47(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx47(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
@@ -4419,19 +4560,19 @@ function FieldError({
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    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)
+    return /* @__PURE__ */ jsx47("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx47("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     "div",
     {
       role: "alert",
       "data-slot": "field-error",
-      className: cn23("text-sm font-normal text-destructive", className),
+      className: cn24("text-sm font-normal text-destructive", className),
       ...props,
       children: content
     }
@@ -4439,11 +4580,11 @@ function FieldError({
 }
 
 // src/components/link/Link.tsx
-import * as React23 from "react";
-import { cva as cva15 } from "class-variance-authority";
+import * as React24 from "react";
+import { cva as cva16 } from "class-variance-authority";
 import { ExternalLink } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs23 } from "react/jsx-runtime";
-var linkVariants = cva15(
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
+var linkVariants = cva16(
   "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: {
@@ -4467,7 +4608,7 @@ var linkVariants = cva15(
     }
   }
 );
-var Link = React23.forwardRef(
+var Link = React24.forwardRef(
   ({
     className,
     variant,
@@ -4496,8 +4637,8 @@ var Link = React23.forwardRef(
         },
         children: [
           children,
-          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 }) })
+          icon && /* @__PURE__ */ jsx48("span", { className: "inline-flex items-center", children: icon }),
+          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx48("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx48(Icon, { icon: ExternalLink, size: 16 }) })
         ]
       }
     );
@@ -4506,11 +4647,11 @@ var Link = React23.forwardRef(
 Link.displayName = "Link";
 
 // src/components/container/Container.tsx
-import * as React24 from "react";
+import * as React25 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 cva16 } from "class-variance-authority";
-var containerVariants = cva16("w-full mx-auto", {
+import { cva as cva17 } from "class-variance-authority";
+var containerVariants = cva17("w-full mx-auto", {
   variants: {
     size: {
       sm: "max-w-3xl",
@@ -4531,7 +4672,7 @@ var containerVariants = cva16("w-full mx-auto", {
     padding: "md"
   }
 });
-var Container = React24.forwardRef(
+var Container = React25.forwardRef(
   ({ className, size, padding, asChild = false, children, ...props }, ref) => {
     return useRender3({
       ref,
@@ -4550,11 +4691,11 @@ var Container = React24.forwardRef(
 Container.displayName = "Container";
 
 // src/components/grid/Grid.tsx
-import * as React25 from "react";
-import { cva as cva17 } from "class-variance-authority";
+import * as React26 from "react";
+import { cva as cva18 } 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 = cva17("grid", {
+var gridVariants = cva18("grid", {
   variants: {
     align: {
       start: "items-start",
@@ -4576,7 +4717,7 @@ var gridVariants = cva17("grid", {
     justify: "start"
   }
 });
-var Grid = React25.forwardRef(
+var Grid = React26.forwardRef(
   ({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
     return useRender4({
       ref,
@@ -4603,11 +4744,11 @@ var Grid = React25.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/box/Box.tsx
-import * as React26 from "react";
-import { cva as cva18 } from "class-variance-authority";
+import * as React27 from "react";
+import { cva as cva19 } 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 = cva18("flex", {
+var boxVariants = cva19("flex", {
   variants: {
     direction: {
       row: "flex-row",
@@ -4643,7 +4784,7 @@ var boxVariants = cva18("flex", {
     wrap: "nowrap"
   }
 });
-var Box = React26.forwardRef(
+var Box = React27.forwardRef(
   ({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
     return useRender5({
       ref,
@@ -4666,22 +4807,22 @@ var Box = React26.forwardRef(
 Box.displayName = "Box";
 
 // src/components/language-select/LanguageSelect.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { Globe as Globe2 } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs24 } from "react/jsx-runtime";
-var LanguageSelect = React27.forwardRef(
+import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
+var LanguageSelect = React28.forwardRef(
   ({ className, options, value, onValueChange }, ref) => {
     return /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx47(DropdownMenuTrigger2, { ref, asChild: true, children: /* @__PURE__ */ jsxs24(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__ */ jsx49(DropdownMenuTrigger2, { ref, asChild: true, children: /* @__PURE__ */ jsxs24(Button2, { variant: "outline", size: "icon", className, "aria-label": "Select language", children: [
+        /* @__PURE__ */ jsx49("span", { className: "sr-only", children: "Select language" }),
+        /* @__PURE__ */ jsx49(Icon, { icon: Globe2, size: 16, "aria-hidden": true })
       ] }) }),
-      /* @__PURE__ */ jsx47(DropdownMenuContent2, { align: "start", children: /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx49(DropdownMenuContent2, { align: "start", children: /* @__PURE__ */ jsx49(
         DropdownMenuRadioGroup,
         {
           value,
           onValueChange: onValueChange ? (v) => onValueChange(v) : void 0,
-          children: options.map((option) => /* @__PURE__ */ jsx47(
+          children: options.map((option) => /* @__PURE__ */ jsx49(
             DropdownMenuRadioItem2,
             {
               value: option.value,
@@ -4699,13 +4840,13 @@ var LanguageSelect = React27.forwardRef(
 LanguageSelect.displayName = "LanguageSelect";
 
 // src/components/list/List.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 
 // src/components/divider/Divider.tsx
-import * as React28 from "react";
-import { cva as cva19 } from "class-variance-authority";
-import { jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
-var dividerVariants = cva19("", {
+import * as React29 from "react";
+import { cva as cva20 } from "class-variance-authority";
+import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
+var dividerVariants = cva20("", {
   variants: {
     variant: {
       default: "bg-berget-separator",
@@ -4725,7 +4866,7 @@ var dividerVariants = cva19("", {
     size: "thin"
   }
 });
-var Divider = React28.forwardRef(
+var Divider = React29.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -4737,15 +4878,15 @@ var Divider = React28.forwardRef(
   }, ref) => {
     if (label) {
       return /* @__PURE__ */ jsxs25("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
-        labelPosition !== "right" && /* @__PURE__ */ jsx48(
+        labelPosition !== "right" && /* @__PURE__ */ jsx50(
           Separator,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
           }
         ),
-        /* @__PURE__ */ jsx48(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
-        labelPosition !== "left" && /* @__PURE__ */ jsx48(
+        /* @__PURE__ */ jsx50(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ jsx50(
           Separator,
           {
             orientation: "horizontal",
@@ -4754,7 +4895,7 @@ var Divider = React28.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx50(
       Separator,
       {
         ref,
@@ -4772,18 +4913,18 @@ Divider.displayName = "Divider";
 
 // src/components/list/List.tsx
 import { Check as Check2 } from "lucide-react";
-import { jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
-var List = React29.forwardRef(
+import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
+var List = React30.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const childrenArray = React29.Children.toArray(children);
-    return /* @__PURE__ */ jsx49("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs26(React29.Fragment, { children: [
+    const childrenArray = React30.Children.toArray(children);
+    return /* @__PURE__ */ jsx51("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs26(React30.Fragment, { children: [
       child,
-      index < childrenArray.length - 1 && /* @__PURE__ */ jsx49(Divider, { variant: "subtle" })
+      index < childrenArray.length - 1 && /* @__PURE__ */ jsx51(Divider, { variant: "subtle" })
     ] }, index)) });
   }
 );
 List.displayName = "List";
-var ListItem = React29.forwardRef(
+var ListItem = React30.forwardRef(
   ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs26(
     "div",
     {
@@ -4795,15 +4936,15 @@ var ListItem = React29.forwardRef(
       ),
       ...props,
       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 })
+        icon && /* @__PURE__ */ jsx51("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx51("div", { className: "flex-1 min-w-0", children })
       ]
     }
   )
 );
 ListItem.displayName = "ListItem";
-var ListHeader = React29.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx49(
+var ListHeader = React30.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx51(
     "div",
     {
       ref,
@@ -4814,11 +4955,11 @@ var ListHeader = React29.forwardRef(
   )
 );
 ListHeader.displayName = "ListHeader";
-var FeatureList = React29.forwardRef(
+var FeatureList = React30.forwardRef(
   ({ items, variant = "bullet", className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx49("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs26("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: Check2, size: 24, className: "text-berget-logo-light" }) }),
-      /* @__PURE__ */ jsx49(Typography, { variant: "body", color: "muted", children: item })
+    return /* @__PURE__ */ jsx51("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs26("li", { className: "flex items-start gap-fluid-md", children: [
+      variant === "bullet" ? /* @__PURE__ */ jsx51("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx51("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx51(Icon, { icon: Check2, size: 24, className: "text-berget-logo-light" }) }),
+      /* @__PURE__ */ jsx51(Typography, { variant: "body", color: "muted", children: item })
     ] }, index)) });
   }
 );
@@ -4827,7 +4968,7 @@ FeatureList.displayName = "FeatureList";
 // src/components/code-block/CodeBlock.tsx
 import { useState as useState5, useEffect as useEffect4, useCallback as useCallback4 } from "react";
 import { Copy, Check as Check3 } from "lucide-react";
-import { jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
 function CodeBlock({ code, language = "text", title, className }) {
   const [html, setHtml] = useState5(null);
   const [copied, setCopied] = useState5(false);
@@ -4843,13 +4984,13 @@ function CodeBlock({ code, language = "text", title, className }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [code]);
-  const copyButton = /* @__PURE__ */ jsx50(
+  const copyButton = /* @__PURE__ */ jsx52(
     "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__ */ jsx50(Check3, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx50(Copy, { className: "w-3.5 h-3.5" })
+      children: copied ? /* @__PURE__ */ jsx52(Check3, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx52(Copy, { className: "w-3.5 h-3.5" })
     }
   );
   return /* @__PURE__ */ jsxs27(
@@ -4860,25 +5001,25 @@ function CodeBlock({ code, language = "text", title, className }) {
         className
       ),
       children: [
-        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(
+        title && /* @__PURE__ */ jsx52("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__ */ jsx52("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ jsx52("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ jsx52(
           "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__ */ jsx50("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx50("code", { children: code }) })
+        ) : /* @__PURE__ */ jsx52("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx52("code", { children: code }) })
       ]
     }
   );
 }
 
 // src/components/window-frame/WindowFrame.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { useState as useState6 } from "react";
-import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
-var WindowFrame = React30.forwardRef(
+import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
+var WindowFrame = React31.forwardRef(
   ({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
     const [internalActive, setInternalActive] = useState6(tabs?.[0]?.id ?? "");
     const currentTab = activeTab ?? internalActive;
@@ -4901,11 +5042,11 @@ var WindowFrame = React30.forwardRef(
         children: [
           /* @__PURE__ */ jsxs28("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__ */ jsxs28("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" })
+              /* @__PURE__ */ jsx53("div", { className: "w-3 h-3 rounded-full bg-berget-brand-muscaria-400" }),
+              /* @__PURE__ */ jsx53("div", { className: "w-3 h-3 rounded-full bg-berget-brand-chanterelle-200" }),
+              /* @__PURE__ */ jsx53("div", { className: "w-3 h-3 rounded-full bg-berget-brand-moss-400" })
             ] }),
-            tabs && tabs.length > 0 ? /* @__PURE__ */ jsx51("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx51(
+            tabs && tabs.length > 0 ? /* @__PURE__ */ jsx53("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx53(
               "button",
               {
                 type: "button",
@@ -4917,9 +5058,9 @@ var WindowFrame = React30.forwardRef(
                 children: tab.label
               },
               tab.id
-            )) }) : /* @__PURE__ */ jsx51("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
+            )) }) : /* @__PURE__ */ jsx53("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
           ] }),
-          /* @__PURE__ */ jsx51("div", { children })
+          /* @__PURE__ */ jsx53("div", { children })
         ]
       }
     );
@@ -4929,7 +5070,7 @@ WindowFrame.displayName = "WindowFrame";
 
 // src/components/fog-illustration/FogIllustration.tsx
 import { useEffect as useEffect5, useRef } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var FOG_BRAND_PALETTE = {
   ink: "#171a1a",
   milk: "#f7f5ed",
@@ -5242,7 +5383,7 @@ var FogIllustration = ({ palette, speed = 1, className }) => {
       gl.deleteFramebuffer(fbo);
     };
   }, []);
-  return /* @__PURE__ */ jsx52("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
+  return /* @__PURE__ */ jsx54("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
 };
 export {
   Alert2 as Alert,
@@ -5301,6 +5442,12 @@ export {
   DropdownMenuSubTrigger2 as DropdownMenuSubTrigger,
   DropdownMenuTrigger2 as DropdownMenuTrigger,
   EU_COUNTRY_CODES,
+  Empty2 as Empty,
+  EmptyContent,
+  EmptyDescription2 as EmptyDescription,
+  EmptyHeader,
+  EmptyMedia2 as EmptyMedia,
+  EmptyTitle2 as EmptyTitle,
   FOG_BRAND_PALETTE,
   FeatureList,
   Field,