@bergetai/ui 0.6.0 → 0.7.0

package/dist/index.js

@@ -545,14 +545,345 @@ var Badge = React6.forwardRef(
 );
 Badge.displayName = "Badge";
 
-// src/components/alert/Alert.tsx
+// src/components/model-card/ModelCard.tsx
+import * as React9 from "react";
+
+// src/components/model-logo/ModelLogo.tsx
+import * as React8 from "react";
+import { ArrowDownWideNarrow, AudioLines, Bot, Braces, Eye, ScanEye } from "lucide-react";
+
+// src/components/berget-logo/BergetLogo.tsx
 import * as React7 from "react";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+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 width2 = size * aspectRatio2;
+      const height2 = size;
+      return /* @__PURE__ */ jsx9(
+        "svg",
+        {
+          ref,
+          width: width2,
+          height: height2,
+          viewBox: "0 0 463 419",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          role: "img",
+          "aria-label": "Berget symbol",
+          className: cn("inline-block", className),
+          ...props,
+          children: /* @__PURE__ */ jsx9(
+            "path",
+            {
+              d: "M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z",
+              style: { fill: fillColor }
+            }
+          )
+        }
+      );
+    }
+    const aspectRatio = 793.63 / 204.37;
+    const width = size * aspectRatio;
+    const height = size;
+    return /* @__PURE__ */ jsxs3(
+      "svg",
+      {
+        ref,
+        width,
+        height,
+        viewBox: "0 0 793.63 204.37",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        role: "img",
+        "aria-label": "Berget",
+        className: cn("inline-block", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs3("g", { style: { fill: fillColor }, children: [
+            /* @__PURE__ */ jsx9(
+              "path",
+              {
+                className: "berget-logotype-fill",
+                d: "M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              "path",
+              {
+                className: "berget-logotype-fill",
+                d: "M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              "path",
+              {
+                className: "berget-logotype-fill",
+                d: "M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              "path",
+              {
+                className: "berget-logotype-fill",
+                d: "M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              "path",
+              {
+                className: "berget-logotype-fill",
+                d: "M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              "path",
+              {
+                className: "berget-logotype-fill",
+                d: "M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z"
+              }
+            ),
+            /* @__PURE__ */ jsx9(
+              "path",
+              {
+                className: "berget-logotype-fill",
+                d: "M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z"
+              }
+            ),
+            /* @__PURE__ */ jsx9("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
+          ] }),
+          /* @__PURE__ */ jsx9(
+            "path",
+            {
+              style: { fill: fillColor },
+              d: "M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+BergetLogo.displayName = "BergetLogo";
+
+// src/components/model-logo/ModelLogo.tsx
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+var providerAliases = {
+  qwen: "qwen",
+  mistralai: "mistral",
+  mistral: "mistral",
+  moonshotai: "kimi",
+  kimi: "kimi",
+  google: "google",
+  "zai-org": "zai",
+  zai: "zai",
+  berget: "berget",
+  bergetai: "berget"
+};
+var providerPaths = {
+  qwen: [
+    "M12.604 1.34c.393.69.784 1.382 1.174 2.075a.18.18 0 00.157.091h5.552c.174 0 .322.11.446.327l1.454 2.57c.19.337.24.478.024.837-.26.43-.513.864-.76 1.3l-.367.658c-.106.196-.223.28-.04.512l2.652 4.637c.172.301.111.494-.043.77-.437.785-.882 1.564-1.335 2.34-.159.272-.352.375-.68.37-.777-.016-1.552-.01-2.327.016a.099.099 0 00-.081.05 575.097 575.097 0 01-2.705 4.74c-.169.293-.38.363-.725.364-.997.003-2.002.004-3.017.002a.537.537 0 01-.465-.271l-1.335-2.323a.09.09 0 00-.083-.049H4.982c-.285.03-.553-.001-.805-.092l-1.603-2.77a.543.543 0 01-.002-.54l1.207-2.12a.198.198 0 000-.197 550.951 550.951 0 01-1.875-3.272l-.79-1.395c-.16-.31-.173-.496.095-.965.465-.813.927-1.625 1.387-2.436.132-.234.304-.334.584-.335a338.3 338.3 0 012.589-.001.124.124 0 00.107-.063l2.806-4.895a.488.488 0 01.422-.246c.524-.001 1.053 0 1.583-.006L11.704 1c.341-.003.724.032.9.34zm-3.432.403a.06.06 0 00-.052.03L6.254 6.788a.157.157 0 01-.135.078H3.253c-.056 0-.07.025-.041.074l5.81 10.156c.025.042.013.062-.034.063l-2.795.015a.218.218 0 00-.2.116l-1.32 2.31c-.044.078-.021.118.068.118l5.716.008c.046 0 .08.02.104.061l1.403 2.454c.046.081.092.082.139 0l5.006-8.76.783-1.382a.055.055 0 01.096 0l1.424 2.53a.122.122 0 00.107.062l2.763-.02a.04.04 0 00.035-.02.041.041 0 000-.04l-2.9-5.086a.108.108 0 010-.113l.293-.507 1.12-1.977c.024-.041.012-.062-.035-.062H9.2c-.059 0-.073-.026-.043-.077l1.434-2.505a.107.107 0 000-.114L9.225 1.774a.06.06 0 00-.053-.031zm6.29 8.02c.046 0 .058.02.034.06l-.832 1.465-2.613 4.585a.056.056 0 01-.05.029.058.058 0 01-.05-.029L8.498 9.841c-.02-.034-.01-.052.028-.054l.216-.012 6.722-.012z"
+  ],
+  mistral: [
+    "M3.428 3.4h3.429v3.428h3.429v3.429h-.002 3.431V6.828h3.427V3.4h3.43v13.714H24v3.429H13.714v-3.428h-3.428v-3.429h-3.43v3.428h3.43v3.429H0v-3.429h3.428V3.4zm10.286 13.715h3.428v-3.429h-3.427v3.429z"
+  ],
+  kimi: [
+    "M21.846 0a1.923 1.923 0 110 3.846H20.15a.226.226 0 01-.227-.226V1.923C19.923.861 20.784 0 21.846 0z",
+    "M11.065 11.199l7.257-7.2c.137-.136.06-.41-.116-.41H14.3a.164.164 0 00-.117.051l-7.82 7.756c-.122.12-.302.013-.302-.179V3.82c0-.127-.083-.23-.185-.23H3.186c-.103 0-.186.103-.186.23V19.77c0 .128.083.23.186.23h2.69c.103 0 .186-.102.186-.23v-3.25c0-.069.025-.135.069-.178l2.424-2.406a.158.158 0 01.205-.023l6.484 4.772a7.677 7.677 0 003.453 1.283c.108.012.2-.095.2-.23v-3.06c0-.117-.07-.212-.164-.227a5.028 5.028 0 01-2.027-.807l-5.613-4.064c-.117-.078-.132-.279-.028-.381z"
+  ],
+  google: [
+    "M23 12.245c0-.905-.075-1.565-.236-2.25h-10.54v4.083h6.186c-.124 1.014-.797 2.542-2.294 3.569l-.021.136 3.332 2.53.23.022C21.779 18.417 23 15.593 23 12.245z",
+    "M12.225 23c3.03 0 5.574-.978 7.433-2.665l-3.542-2.688c-.948.648-2.22 1.1-3.891 1.1a6.745 6.745 0 01-6.386-4.572l-.132.011-3.465 2.628-.045.124C4.043 20.531 7.835 23 12.225 23z",
+    "M5.84 14.175A6.65 6.65 0 015.463 12c0-.758.138-1.491.361-2.175l-.006-.147-3.508-2.67-.115.054A10.831 10.831 0 001 12c0 1.772.436 3.447 1.197 4.938l3.642-2.763z",
+    "M12.225 5.253c2.108 0 3.529.892 4.34 1.638l3.167-3.031C17.787 2.088 15.255 1 12.225 1 7.834 1 4.043 3.469 2.197 7.062l3.63 2.763a6.77 6.77 0 016.398-4.572z"
+  ],
+  zai: [
+    "M12.105 2L9.927 4.953H.653L2.83 2h9.276zM23.254 19.048L21.078 22h-9.242l2.174-2.952h9.244zM24 2L9.264 22H0L14.736 2H24z"
+  ]
+};
+var providerLabels = {
+  qwen: "Qwen",
+  mistral: "Mistral",
+  kimi: "Kimi",
+  google: "Google",
+  zai: "Z.ai",
+  berget: "Berget AI"
+};
+var categoryIcons = {
+  text: Bot,
+  "speech-to-text": AudioLines,
+  embedding: Braces,
+  rerank: ArrowDownWideNarrow,
+  "system-one": ScanEye,
+  vision: Eye
+};
+var categoryLabels = {
+  text: "Model",
+  "speech-to-text": "Speech-to-text",
+  embedding: "Embedding",
+  rerank: "Reranker",
+  "system-one": "System One",
+  vision: "Vision"
+};
+var ModelLogo = React8.forwardRef(
+  ({ provider, category, size = 24, className, ...props }, ref) => {
+    const resolved = provider ? providerAliases[provider.trim().toLowerCase()] : void 0;
+    if (resolved === "berget") {
+      return /* @__PURE__ */ jsx10(BergetLogo, { variant: "symbol", size, className: cn("shrink-0", className) });
+    }
+    if (resolved) {
+      return /* @__PURE__ */ jsxs4(
+        "svg",
+        {
+          ref,
+          viewBox: "0 0 24 24",
+          fill: "currentColor",
+          width: size,
+          height: size,
+          role: "img",
+          "aria-label": providerLabels[resolved],
+          className: cn("shrink-0", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx10("title", { children: providerLabels[resolved] }),
+            providerPaths[resolved].map((d, i) => /* @__PURE__ */ jsx10("path", { d }, i))
+          ]
+        }
+      );
+    }
+    if (category) {
+      const Icon2 = categoryIcons[category];
+      return /* @__PURE__ */ jsx10(Icon2, { className: cn("shrink-0", className), ...props });
+    }
+    return null;
+  }
+);
+ModelLogo.displayName = "ModelLogo";
+
+// src/components/model-card/ModelCard.tsx
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var lifecycleLabels = {
+  preview: "Preview",
+  active: "Active",
+  deprecated: "Deprecated"
+};
+var lifecycleStyles = {
+  preview: "berget-tint berget-tint-warning",
+  active: "berget-tint berget-tint-success",
+  deprecated: "bg-berget-brand-granite-700 text-berget-muted-foreground"
+};
+var ModelCard = React9.forwardRef(
+  ({
+    icon,
+    provider,
+    category,
+    eyebrow,
+    title,
+    lifecycle,
+    description,
+    columns,
+    meta,
+    href,
+    external,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const titleId = React9.useId();
+    return /* @__PURE__ */ jsx11(
+      "a",
+      {
+        ref,
+        href,
+        "aria-labelledby": titleId,
+        ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+        className: cn("group block", className),
+        ...props,
+        children: /* @__PURE__ */ jsxs5(
+          Card2,
+          {
+            variant: "filled",
+            padding: "none",
+            className: "relative flex h-full flex-col bg-berget-card-filled-bg p-5 transition-all hover:bg-[color-mix(in_oklab,var(--berget-brand-granite-100)_5%,var(--berget-card-filled-bg))] hover:ring-2 hover:ring-berget-brand-granite-700 sm:p-6",
+            children: [
+              lifecycle && /* @__PURE__ */ jsx11("div", { className: "absolute top-0 right-0 z-10 overflow-hidden rounded-bl-berget-sm", children: /* @__PURE__ */ jsx11(
+                "div",
+                {
+                  className: cn(
+                    "inline-flex h-6 items-center whitespace-nowrap border-0! px-8 text-sm",
+                    lifecycleStyles[lifecycle]
+                  ),
+                  children: lifecycleLabels[lifecycle]
+                }
+              ) }),
+              (icon || provider || category) && /* @__PURE__ */ jsx11("div", { className: "flex h-12 w-12 shrink-0 items-center justify-center rounded-lg border border-berget-border bg-white/5 text-berget-foreground", children: icon ?? /* @__PURE__ */ jsx11(ModelLogo, { provider, category }) }),
+              /* @__PURE__ */ jsxs5("header", { children: [
+                eyebrow && /* @__PURE__ */ jsx11(
+                  Typography,
+                  {
+                    variant: "xs",
+                    color: "muted",
+                    className: "font-medium uppercase leading-none tracking-[0.25em]",
+                    children: eyebrow
+                  }
+                ),
+                /* @__PURE__ */ jsx11("div", { className: cn("flex items-baseline gap-3", lifecycle && "pr-24"), children: /* @__PURE__ */ jsx11(
+                  Typography,
+                  {
+                    as: "h3",
+                    id: titleId,
+                    variant: "h5",
+                    className: "min-w-0 truncate whitespace-nowrap leading-tight",
+                    style: { fontFeatureSettings: "normal" },
+                    children: title
+                  }
+                ) }),
+                description && /* @__PURE__ */ jsx11(Typography, { variant: "xs", color: "muted", className: "leading-none", children: description })
+              ] }),
+              columns && columns.length > 0 && /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-2", children: columns.map((col, i) => /* @__PURE__ */ jsxs5("div", { children: [
+                /* @__PURE__ */ jsx11(Typography, { variant: "xs", color: "muted", className: "leading-none", children: col.label }),
+                /* @__PURE__ */ jsx11(
+                  Typography,
+                  {
+                    variant: "body",
+                    className: "tabular-nums leading-none",
+                    style: { fontFeatureSettings: "normal" },
+                    children: col.value
+                  }
+                )
+              ] }, i)) }),
+              meta && meta.length > 0 && /* @__PURE__ */ jsx11(
+                Typography,
+                {
+                  variant: "xs",
+                  color: "muted",
+                  className: "text-[0.65rem] uppercase tracking-[0.15em]",
+                  children: meta.map((item, i) => /* @__PURE__ */ jsxs5(React9.Fragment, { children: [
+                    i > 0 && " \u25AA ",
+                    item
+                  ] }, i))
+                }
+              ),
+              children
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+ModelCard.displayName = "ModelCard";
+
+// src/components/alert/Alert.tsx
+import * as React10 from "react";
 import { cva as cva6 } from "class-variance-authority";
 
 // src/primitives/alert.tsx
 import { cva as cva5 } from "class-variance-authority";
 import { cn as cn4 } from "cn";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var alertVariants = cva5(
   "group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
   {
@@ -572,7 +903,7 @@ function Alert({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "alert",
@@ -583,7 +914,7 @@ function Alert({
   );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "alert-title",
@@ -599,7 +930,7 @@ function AlertDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "alert-description",
@@ -613,7 +944,7 @@ function AlertDescription({
 }
 
 // src/components/alert/Alert.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var alertVariants2 = cva6("", {
   variants: {
     variant: {
@@ -628,24 +959,24 @@ var alertVariants2 = cva6("", {
     variant: "default"
   }
 });
-var Alert2 = React7.forwardRef(
-  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx10(Alert, { ref, className: cn(alertVariants2({ variant }), className), ...props })
+var Alert2 = React10.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx13(Alert, { ref, className: cn(alertVariants2({ variant }), className), ...props })
 );
 Alert2.displayName = "Alert";
 
 // src/components/dialog/Dialog.tsx
-import * as React8 from "react";
+import * as React11 from "react";
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
 import { X } from "lucide-react";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var Dialog = DialogPrimitive.Root;
-var DialogTrigger = React8.forwardRef(
-  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx11(DialogPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+var DialogTrigger = React11.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx14(DialogPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
 );
 DialogTrigger.displayName = "DialogTrigger";
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   DialogPrimitive.Backdrop,
   {
     ref,
@@ -657,9 +988,9 @@ var DialogOverlay = React8.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortal, { children: [
-  /* @__PURE__ */ jsx11(DialogOverlay, {}),
-  /* @__PURE__ */ jsxs3(
+var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DialogPortal, { children: [
+  /* @__PURE__ */ jsx14(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs6(
     DialogPrimitive.Popup,
     {
       ref,
@@ -670,18 +1001,18 @@ var DialogContent = React8.forwardRef(({ className, children, ...props }, ref) =
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs3(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-berget-xs opacity-70 ring-offset-berget-dialog-bg transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-berget-focus-ring focus:ring-offset-2 disabled:pointer-events-none data-open:bg-berget-muted data-open:text-berget-muted-foreground", children: [
-          /* @__PURE__ */ jsx11(X, { className: "size-4" }),
-          /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs6(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-berget-xs opacity-70 ring-offset-berget-dialog-bg transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-berget-focus-ring focus:ring-offset-2 disabled:pointer-events-none data-open:bg-berget-muted data-open:text-berget-muted-foreground", children: [
+          /* @__PURE__ */ jsx14(X, { className: "size-4" }),
+          /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = "DialogContent";
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx11("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx14("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx14(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -689,21 +1020,21 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DialogTitle = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx14(
   DialogPrimitive.Title,
   {
     ref,
-    render: /* @__PURE__ */ jsx11(Typography, { variant: "h5", color: "default", as: "h2", className }),
+    render: /* @__PURE__ */ jsx14(Typography, { variant: "h5", color: "default", as: "h2", className }),
     ...props,
     children
   }
 ));
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React8.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DialogDescription = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx14(
   DialogPrimitive.Description,
   {
     ref,
-    render: /* @__PURE__ */ jsx11(Typography, { variant: "small", color: "muted", className }),
+    render: /* @__PURE__ */ jsx14(Typography, { variant: "small", color: "muted", className }),
     ...props,
     children
   }
@@ -711,16 +1042,16 @@ var DialogDescription = React8.forwardRef(({ className, children, ...props }, re
 DialogDescription.displayName = "DialogDescription";
 
 // src/components/alert-dialog/AlertDialog.tsx
-import * as React9 from "react";
+import * as React12 from "react";
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var AlertDialog = AlertDialogPrimitive.Root;
-var AlertDialogTrigger = React9.forwardRef(
-  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx12(AlertDialogPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+var AlertDialogTrigger = React12.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx15(AlertDialogPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
 );
 AlertDialogTrigger.displayName = "AlertDialogTrigger";
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var AlertDialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   AlertDialogPrimitive.Backdrop,
   {
     ref,
@@ -732,9 +1063,9 @@ var AlertDialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = "AlertDialogOverlay";
-var AlertDialogContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs4(AlertDialogPortal, { children: [
-  /* @__PURE__ */ jsx12(AlertDialogOverlay, {}),
-  /* @__PURE__ */ jsx12(
+var AlertDialogContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs7(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx15(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx15(
     AlertDialogPrimitive.Popup,
     {
       ref,
@@ -747,9 +1078,9 @@ var AlertDialogContent = React9.forwardRef(({ className, ...props }, ref) => /*
   )
 ] }));
 AlertDialogContent.displayName = "AlertDialogContent";
-var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx12("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
+var AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx15("div", { className: cn("flex flex-col gap-1.5 text-center sm:text-left", className), ...props });
 AlertDialogHeader.displayName = "AlertDialogHeader";
-var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
+var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx15(
   "div",
   {
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
@@ -757,27 +1088,27 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx12(
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+var AlertDialogTitle = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx15(
   AlertDialogPrimitive.Title,
   {
     ref,
-    render: /* @__PURE__ */ jsx12(Typography, { variant: "h5", color: "default", as: "h2", className }),
+    render: /* @__PURE__ */ jsx15(Typography, { variant: "h5", color: "default", as: "h2", className }),
     ...props,
     children
   }
 ));
 AlertDialogTitle.displayName = "AlertDialogTitle";
-var AlertDialogDescription = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+var AlertDialogDescription = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx15(
   AlertDialogPrimitive.Description,
   {
     ref,
-    render: /* @__PURE__ */ jsx12(Typography, { variant: "small", color: "muted", className }),
+    render: /* @__PURE__ */ jsx15(Typography, { variant: "small", color: "muted", className }),
     ...props,
     children
   }
 ));
 AlertDialogDescription.displayName = "AlertDialogDescription";
-var AlertDialogAction = React9.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+var AlertDialogAction = React12.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx15(
   AlertDialogPrimitive.Close,
   {
     ref,
@@ -788,7 +1119,7 @@ var AlertDialogAction = React9.forwardRef(({ className, asChild, children, ...pr
   }
 ));
 AlertDialogAction.displayName = "AlertDialogAction";
-var AlertDialogCancel = React9.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx12(
+var AlertDialogCancel = React12.forwardRef(({ className, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx15(
   AlertDialogPrimitive.Close,
   {
     ref,
@@ -801,20 +1132,20 @@ var AlertDialogCancel = React9.forwardRef(({ className, asChild, children, ...pr
 AlertDialogCancel.displayName = "AlertDialogCancel";
 
 // src/components/dropdown-menu/DropdownMenu.tsx
-import * as React10 from "react";
+import * as React13 from "react";
 import { Menu as DropdownMenuPrimitive } from "@base-ui/react/menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
-import { Fragment, jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
-var DropdownMenuTrigger = React10.forwardRef(
-  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
+var DropdownMenuTrigger = React13.forwardRef(
+  ({ asChild, children, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Trigger, { ref, render: asChildRender(asChild, children), ...props, children: asChild ? void 0 : children })
 );
 DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.SubmenuRoot;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuSubTrigger = React13.forwardRef(({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.SubmenuTrigger,
   {
     ref,
@@ -825,15 +1156,15 @@ var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, asChild, ch
     ),
     render: asChildRender(asChild, children),
     ...props,
-    children: asChild ? void 0 : /* @__PURE__ */ jsxs5(Fragment, { children: [
+    children: asChild ? void 0 : /* @__PURE__ */ jsxs8(Fragment2, { children: [
       children,
-      /* @__PURE__ */ jsx13(ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ jsx16(ChevronRight, { className: "ml-auto" })
     ] })
   }
 ));
 DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
-var DropdownMenuSubContent = React10.forwardRef(
-  ({ className, side = "right", align = "start", alignOffset = -3, sideOffset = 0, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+var DropdownMenuSubContent = React13.forwardRef(
+  ({ className, side = "right", align = "start", alignOffset = -3, sideOffset = 0, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
     DropdownMenuPrimitive.Positioner,
     {
       side,
@@ -841,7 +1172,7 @@ var DropdownMenuSubContent = React10.forwardRef(
       alignOffset,
       sideOffset,
       className: "isolate z-50 outline-none",
-      children: /* @__PURE__ */ jsx13(
+      children: /* @__PURE__ */ jsx16(
         DropdownMenuPrimitive.Popup,
         {
           ref,
@@ -856,7 +1187,7 @@ var DropdownMenuSubContent = React10.forwardRef(
   ) })
 );
 DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
-var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, align = "center", side, alignOffset, ...props }, ref) => /* @__PURE__ */ jsx13(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+var DropdownMenuContent = React13.forwardRef(({ className, sideOffset = 4, align = "center", side, alignOffset, ...props }, ref) => /* @__PURE__ */ jsx16(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.Positioner,
   {
     side,
@@ -864,7 +1195,7 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, align
     alignOffset,
     sideOffset,
     className: "isolate z-50 outline-none",
-    children: /* @__PURE__ */ jsx13(
+    children: /* @__PURE__ */ jsx16(
       DropdownMenuPrimitive.Popup,
       {
         ref,
@@ -878,7 +1209,7 @@ var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, align
   }
 ) }));
 DropdownMenuContent.displayName = "DropdownMenuContent";
-var DropdownMenuItem = React10.forwardRef(({ className, inset, asChild, children, textValue, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuItem = React13.forwardRef(({ className, inset, asChild, children, textValue, ...props }, ref) => /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -894,7 +1225,7 @@ var DropdownMenuItem = React10.forwardRef(({ className, inset, asChild, children
   }
 ));
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsxs5(
+var DropdownMenuCheckboxItem = React13.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsxs8(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -906,13 +1237,13 @@ var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, asChil
     render: asChildRender(asChild, children),
     ...props,
     children: [
-      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx13(Check, { className: "size-4" }) }) }),
+      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(DropdownMenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx16(Check, { className: "size-4" }) }) }),
       asChild ? void 0 : children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
-var DropdownMenuRadioItem = React10.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsxs5(
+var DropdownMenuRadioItem = React13.forwardRef(({ className, children, asChild, textValue, ...props }, ref) => /* @__PURE__ */ jsxs8(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -924,13 +1255,13 @@ var DropdownMenuRadioItem = React10.forwardRef(({ className, children, asChild,
     render: asChildRender(asChild, children),
     ...props,
     children: [
-      /* @__PURE__ */ jsx13("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(DropdownMenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx13(Circle, { className: "size-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx16("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx16(DropdownMenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx16(Circle, { className: "size-2 fill-current" }) }) }),
       asChild ? void 0 : children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
-var DropdownMenuLabel = React10.forwardRef(({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuLabel = React13.forwardRef(({ className, inset, asChild, children, ...props }, ref) => /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.GroupLabel,
   {
     ref,
@@ -945,7 +1276,7 @@ var DropdownMenuLabel = React10.forwardRef(({ className, inset, asChild, childre
   }
 ));
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var DropdownMenuSeparator = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -955,7 +1286,7 @@ var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) =>
 ));
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
 var DropdownMenuShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx16(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest text-berget-muted-foreground", className),
@@ -975,12 +1306,12 @@ import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/naviga
 import { cva as cva7 } from "class-variance-authority";
 import { cn as cn5 } from "cn";
 import { ChevronDownIcon } from "lucide-react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx17(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -996,7 +1327,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx17(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -1012,7 +1343,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx17(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -1028,7 +1359,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx17(
     NavigationMenuPrimitive.Icon,
     {
       "data-slot": "navigation-menu-indicator",
@@ -1037,20 +1368,20 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx14("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx17("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
     }
   );
 }
 
 // src/components/navigation-menu/NavigationMenu.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 function NavigationMenu({
   align = "start",
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs10(
     NavigationMenuPrimitive2.Root,
     {
       "data-slot": "navigation-menu",
@@ -1061,7 +1392,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx15(NavigationMenuPositioner, { align })
+        /* @__PURE__ */ jsx18(NavigationMenuPositioner, { align })
       ]
     }
   );
@@ -1074,7 +1405,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs10(
     NavigationMenuPrimitive2.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -1083,7 +1414,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx18(
           ChevronDown,
           {
             className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
@@ -1095,7 +1426,7 @@ function NavigationMenuTrigger({
   );
 }
 function NavigationMenuLink({ className, ...props }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx18(
     NavigationMenuPrimitive2.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -1115,7 +1446,7 @@ function NavigationMenuPositioner({
   alignOffset = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(NavigationMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx18(NavigationMenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx18(
     NavigationMenuPrimitive2.Positioner,
     {
       side,
@@ -1127,24 +1458,24 @@ function NavigationMenuPositioner({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx15(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__ */ jsx15(NavigationMenuPrimitive2.Viewport, { className: "relative size-full overflow-hidden" }) })
+      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/components/table/Table.tsx
-import * as React11 from "react";
+import * as React14 from "react";
 
 // src/primitives/table.tsx
 import { cn as cn6 } from "cn";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx16(
+      children: /* @__PURE__ */ jsx19(
         "table",
         {
           "data-slot": "table",
@@ -1156,7 +1487,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "thead",
     {
       "data-slot": "table-header",
@@ -1166,7 +1497,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1176,7 +1507,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -1189,7 +1520,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "tr",
     {
       "data-slot": "table-row",
@@ -1202,7 +1533,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "th",
     {
       "data-slot": "table-head",
@@ -1215,7 +1546,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "td",
     {
       "data-slot": "table-cell",
@@ -1231,7 +1562,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "caption",
     {
       "data-slot": "table-caption",
@@ -1242,12 +1573,12 @@ function TableCaption({
 }
 
 // src/components/table/Table.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Table2 = React11.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17(Table, { ref, className, ...props })
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Table2 = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx20(Table, { ref, className, ...props })
 );
 Table2.displayName = "Table";
-var TableHeader2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableHeader2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   TableHeader,
   {
     ref,
@@ -1256,7 +1587,7 @@ var TableHeader2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableHeader2.displayName = "TableHeader";
-var TableBody2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableBody2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   TableBody,
   {
     ref,
@@ -1265,7 +1596,7 @@ var TableBody2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableBody2.displayName = "TableBody";
-var TableFooter2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableFooter2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   TableFooter,
   {
     ref,
@@ -1277,8 +1608,8 @@ var TableFooter2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableFooter2.displayName = "TableFooter";
-var TableRow2 = React11.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableRow2 = React14.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
     TableRow,
     {
       ref,
@@ -1291,7 +1622,7 @@ var TableRow2 = React11.forwardRef(
   )
 );
 TableRow2.displayName = "TableRow";
-var TableHead2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableHead2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   TableHead,
   {
     ref,
@@ -1303,7 +1634,7 @@ var TableHead2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHead2.displayName = "TableHead";
-var TableCell2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableCell2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   TableCell,
   {
     ref,
@@ -1312,7 +1643,7 @@ var TableCell2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableCell2.displayName = "TableCell";
-var TableCaption2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var TableCaption2 = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   TableCaption,
   {
     ref,
@@ -1323,7 +1654,7 @@ var TableCaption2 = React11.forwardRef(({ className, ...props }, ref) => /* @__P
 TableCaption2.displayName = "TableCaption";
 
 // src/components/item/Item.tsx
-import * as React12 from "react";
+import * as React15 from "react";
 
 // src/primitives/item.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -1334,13 +1665,13 @@ 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 jsx18 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function Separator({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx21(
     SeparatorPrimitive,
     {
       "data-slot": "separator",
@@ -1355,9 +1686,9 @@ function Separator({
 }
 
 // src/primitives/item.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       role: "list",
@@ -1374,7 +1705,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     Separator,
     {
       "data-slot": "item-separator",
@@ -1448,7 +1779,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "item-media",
@@ -1459,7 +1790,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "item-content",
@@ -1472,7 +1803,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "item-title",
@@ -1485,7 +1816,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "p",
     {
       "data-slot": "item-description",
@@ -1498,7 +1829,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "item-actions",
@@ -1508,7 +1839,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "item-header",
@@ -1521,7 +1852,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "item-footer",
@@ -1535,9 +1866,9 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/item/Item.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Item2({ className, asChild, children, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx23(
     Item,
     {
       render: asChild ? children : void 0,
@@ -1556,8 +1887,8 @@ function Item2({ className, asChild, children, ...props }) {
     }
   );
 }
-var ItemMedia2 = React12.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx20(
+var ItemMedia2 = React15.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx23(
     ItemMedia,
     {
       ref,
@@ -1567,8 +1898,8 @@ var ItemMedia2 = React12.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemMedia2.displayName = "ItemMedia";
-var ItemTitle2 = React12.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx20(
+var ItemTitle2 = React15.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx23(
     ItemTitle,
     {
       ref,
@@ -1578,8 +1909,8 @@ var ItemTitle2 = React12.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemTitle2.displayName = "ItemTitle";
-var ItemDescription2 = React12.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx20(
+var ItemDescription2 = React15.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx23(
     ItemDescription,
     {
       ref,
@@ -1589,8 +1920,8 @@ var ItemDescription2 = React12.forwardRef(({ className, ...props }, ref) => {
   );
 });
 ItemDescription2.displayName = "ItemDescription";
-var ItemSeparator2 = React12.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx20(
+var ItemSeparator2 = React15.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx23(
     ItemSeparator,
     {
       ref,
@@ -1602,14 +1933,14 @@ var ItemSeparator2 = React12.forwardRef(({ className, ...props }, ref) => {
 ItemSeparator2.displayName = "ItemSeparator";
 
 // src/components/input/Input.tsx
-import * as React13 from "react";
+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 jsx21 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx24(
     InputPrimitive,
     {
       type,
@@ -1624,14 +1955,14 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/input/Input.tsx
-import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
-var Input2 = React13.forwardRef(
+import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+var Input2 = React16.forwardRef(
   ({ className, icon, actionButton, label, description, error, id, disabled, ...props }, ref) => {
-    const generatedId = React13.useId();
+    const generatedId = React16.useId();
     const inputId = id || generatedId;
     const errorId = `${inputId}-error`;
     const descriptionId = `${inputId}-description`;
-    const inputElement = /* @__PURE__ */ jsx22(
+    const inputElement = /* @__PURE__ */ jsx25(
       Input,
       {
         ref,
@@ -1651,8 +1982,8 @@ var Input2 = React13.forwardRef(
       }
     );
     if (!icon && !actionButton) {
-      return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2", children: [
-        label && /* @__PURE__ */ jsx22(
+      return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
+        label && /* @__PURE__ */ jsx25(
           "label",
           {
             htmlFor: inputId,
@@ -1665,9 +1996,9 @@ var Input2 = React13.forwardRef(
           }
         ),
         inputElement,
-        (description || error) && /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1", children: [
-          description && /* @__PURE__ */ jsx22(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-          error && /* @__PURE__ */ jsx22(
+        (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",
@@ -1679,8 +2010,8 @@ var Input2 = React13.forwardRef(
         ] })
       ] });
     }
-    return /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsxs11("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ jsx25(
         "label",
         {
           htmlFor: inputId,
@@ -1692,14 +2023,14 @@ var Input2 = React13.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxs8("div", { className: "relative w-full", children: [
-        icon && /* @__PURE__ */ jsx22("div", { className: "absolute left-3 top-1/2 -translate-y-1/2", children: icon }),
+      /* @__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 }),
         inputElement,
-        actionButton && /* @__PURE__ */ jsx22("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        actionButton && /* @__PURE__ */ jsx25("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
       ] }),
-      (description || error) && /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-1", children: [
-        description && /* @__PURE__ */ jsx22(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-        error && /* @__PURE__ */ jsx22(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      (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 })
       ] })
     ] });
   }
@@ -1707,7 +2038,7 @@ var Input2 = React13.forwardRef(
 Input2.displayName = "Input";
 
 // src/components/checkbox/Checkbox.tsx
-import * as React14 from "react";
+import * as React17 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";
@@ -1716,9 +2047,9 @@ import { cva as cva10 } from "class-variance-authority";
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
 import { cn as cn10 } from "cn";
 import { CheckIcon } from "lucide-react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx26(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
@@ -1727,12 +2058,12 @@ function Checkbox({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx26(
         CheckboxPrimitive.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
-          children: /* @__PURE__ */ jsx23(
+          children: /* @__PURE__ */ jsx26(
             CheckIcon,
             {}
           )
@@ -1743,7 +2074,7 @@ function Checkbox({ className, ...props }) {
 }
 
 // src/components/checkbox/Checkbox.tsx
-import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
 var checkboxVariants = cva10(
   "inline-flex items-center justify-center rounded-md transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
   {
@@ -1765,7 +2096,7 @@ var checkboxVariants = cva10(
     }
   }
 );
-var Checkbox2 = React14.forwardRef(
+var Checkbox2 = React17.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -1778,11 +2109,11 @@ var Checkbox2 = React14.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React14.useId();
+    const generatedId = React17.useId();
     const checkboxId = id || generatedId;
     const errorId = `${checkboxId}-error`;
-    return /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-3", children: [
-      /* @__PURE__ */ jsx24("div", { className: "relative flex items-start pt-0.5", children: /* @__PURE__ */ jsx24(
+    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(
         Checkbox,
         {
           ref,
@@ -1799,7 +2130,7 @@ var Checkbox2 = React14.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx24(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx24(
+          children: /* @__PURE__ */ jsx27(CheckboxPrimitive2.Indicator, { children: /* @__PURE__ */ jsx27(
             Check2,
             {
               className: "h-4 w-4 text-current stroke-current",
@@ -1808,8 +2139,8 @@ var Checkbox2 = React14.forwardRef(
           ) })
         }
       ) }),
-      (label || description || error) && /* @__PURE__ */ jsxs9("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ jsx24(
+      (label || description || error) && /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ jsx27(
           "label",
           {
             htmlFor: checkboxId,
@@ -1821,8 +2152,8 @@ var Checkbox2 = React14.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx24(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ jsx24(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        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 })
       ] })
     ] });
   }
@@ -1830,10 +2161,10 @@ var Checkbox2 = React14.forwardRef(
 Checkbox2.displayName = "Checkbox";
 
 // src/components/switch/Switch.tsx
-import * as React15 from "react";
+import * as React18 from "react";
 import { Switch as SwitchPrimitives } from "@base-ui/react/switch";
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx25, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
 var switchRootVariants = cva11(
   "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",
   {
@@ -1870,7 +2201,7 @@ var switchThumbVariants = cva11(
     }
   }
 );
-var Switch = React15.forwardRef(
+var Switch = React18.forwardRef(
   ({
     "aria-label": ariaLabel,
     className,
@@ -1883,11 +2214,11 @@ var Switch = React15.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const generatedId = React15.useId();
+    const generatedId = React18.useId();
     const switchId = id || generatedId;
     const errorId = `${switchId}-error`;
-    return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx28(
         SwitchPrimitives.Root,
         {
           ref,
@@ -1903,11 +2234,11 @@ var Switch = React15.forwardRef(
             className
           ),
           ...props,
-          children: /* @__PURE__ */ jsx25(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
+          children: /* @__PURE__ */ jsx28(SwitchPrimitives.Thumb, { className: cn(switchThumbVariants({ size })) })
         }
       ),
-      (label || description || error) && /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-1", children: [
-        label && /* @__PURE__ */ jsx25(
+      (label || description || error) && /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-1", children: [
+        label && /* @__PURE__ */ jsx28(
           "label",
           {
             htmlFor: switchId,
@@ -1918,8 +2249,8 @@ var Switch = React15.forwardRef(
             children: label
           }
         ),
-        description && /* @__PURE__ */ jsx25(Typography, { variant: "xs", color: "muted", children: description }),
-        error && /* @__PURE__ */ jsx25(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+        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 })
       ] })
     ] });
   }
@@ -1927,17 +2258,17 @@ var Switch = React15.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/select/Select.tsx
-import * as React16 from "react";
+import * as React19 from "react";
 import { cva as cva12 } from "class-variance-authority";
 
 // src/primitives/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { cn as cn11 } from "cn";
 import { ChevronDownIcon as ChevronDownIcon2, CheckIcon as CheckIcon2, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx26, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx29(
     SelectPrimitive.Value,
     {
       "data-slot": "select-value",
@@ -1952,7 +2283,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs14(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -1964,10 +2295,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx29(
           SelectPrimitive.Icon,
           {
-            render: /* @__PURE__ */ jsx26(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" })
+            render: /* @__PURE__ */ jsx29(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" })
           }
         )
       ]
@@ -1984,7 +2315,7 @@ function SelectContent({
   alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx29(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
     SelectPrimitive.Positioner,
     {
       side,
@@ -1993,7 +2324,7 @@ function SelectContent({
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs11(
+      children: /* @__PURE__ */ jsxs14(
         SelectPrimitive.Popup,
         {
           "data-slot": "select-content",
@@ -2001,9 +2332,9 @@ function SelectContent({
           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),
           ...props,
           children: [
-            /* @__PURE__ */ jsx26(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx26(SelectPrimitive.List, { children }),
-            /* @__PURE__ */ jsx26(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx29(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx29(SelectPrimitive.List, { children }),
+            /* @__PURE__ */ jsx29(SelectScrollDownButton, {})
           ]
         }
       )
@@ -2015,7 +2346,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs14(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -2025,12 +2356,12 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx26(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx29(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx29(
           SelectPrimitive.ItemIndicator,
           {
-            render: /* @__PURE__ */ jsx26("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
-            children: /* @__PURE__ */ jsx26(CheckIcon2, { className: "pointer-events-none" })
+            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" })
           }
         )
       ]
@@ -2041,7 +2372,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx29(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -2050,7 +2381,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx29(
         ChevronUpIcon,
         {}
       )
@@ -2061,7 +2392,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx29(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -2070,7 +2401,7 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx26(
+      children: /* @__PURE__ */ jsx29(
         ChevronDownIcon2,
         {}
       )
@@ -2079,7 +2410,7 @@ function SelectScrollDownButton({
 }
 
 // src/components/select/Select.tsx
-import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
 var selectVariants = cva12(
   "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",
   {
@@ -2102,7 +2433,7 @@ var selectVariants = cva12(
     }
   }
 );
-var Select2 = React16.forwardRef(
+var Select2 = React19.forwardRef(
   ({
     className,
     variant,
@@ -2120,12 +2451,12 @@ var Select2 = React16.forwardRef(
     name,
     required
   }, ref) => {
-    const generatedId = React16.useId();
+    const generatedId = React19.useId();
     const selectId = id || generatedId;
     const errorId = `${selectId}-error`;
     const descriptionId = `${selectId}-description`;
-    return /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ jsx30(
         "label",
         {
           htmlFor: selectId,
@@ -2137,7 +2468,7 @@ var Select2 = React16.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs15(
         Select,
         {
           value,
@@ -2148,7 +2479,7 @@ var Select2 = React16.forwardRef(
           required,
           items: options,
           children: [
-            /* @__PURE__ */ jsx27(
+            /* @__PURE__ */ jsx30(
               SelectTrigger,
               {
                 ref,
@@ -2160,33 +2491,33 @@ var Select2 = React16.forwardRef(
                   error && "border-berget-destructive-foreground/50 bg-berget-destructive",
                   className
                 ),
-                children: /* @__PURE__ */ jsx27(SelectValue, { placeholder })
+                children: /* @__PURE__ */ jsx30(SelectValue, { placeholder })
               }
             ),
-            /* @__PURE__ */ jsx27(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx27(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
+            /* @__PURE__ */ jsx30(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx30(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)) })
           ]
         }
       ),
-      description && /* @__PURE__ */ jsx27(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-      error && /* @__PURE__ */ jsx27(Typography, { variant: "xs", id: errorId, className: "text-berget-destructive-foreground", children: error })
+      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 })
     ] });
   }
 );
 Select2.displayName = "Select";
 
 // src/components/country-select/CountrySelect.tsx
-import * as React18 from "react";
+import * as React21 from "react";
 import { ChevronDown as ChevronDown2, Globe } from "lucide-react";
 
 // src/components/icon/Icon.tsx
-import * as React17 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import * as React20 from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var iconStrokeMap = {
   16: 1.4,
   24: 1.6,
   32: 1.8
 };
-var Icon = React17.forwardRef(
+var Icon = React20.forwardRef(
   ({
     icon: IconComponent,
     size,
@@ -2198,7 +2529,7 @@ var Icon = React17.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__ */ jsx28(
+    return /* @__PURE__ */ jsx31(
       IconComponent,
       {
         ref,
@@ -2215,12 +2546,12 @@ 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 jsx29 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx29(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx32(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx29(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx32(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -2230,7 +2561,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx32(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx32(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -2238,7 +2569,7 @@ function PopoverContent({
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx32(
         PopoverPrimitive.Popup,
         {
           "data-slot": "popover-content",
@@ -2261,7 +2592,7 @@ import { cn as cn16 } from "cn";
 import { Dialog as DialogPrimitive2 } from "@base-ui/react/dialog";
 import { cn as cn13 } from "cn";
 import { XIcon } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
 
 // src/primitives/input-group.tsx
 import { cva as cva13 } from "class-variance-authority";
@@ -2269,9 +2600,9 @@ import { cn as cn15 } from "cn";
 
 // src/primitives/textarea.tsx
 import { cn as cn14 } from "cn";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx34(
     "textarea",
     {
       "data-slot": "textarea",
@@ -2285,9 +2616,9 @@ function Textarea({ className, ...props }) {
 }
 
 // src/primitives/input-group.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "input-group",
@@ -2321,7 +2652,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       role: "group",
@@ -2357,12 +2688,12 @@ var inputGroupButtonVariants = cva13(
 
 // src/primitives/command.tsx
 import { SearchIcon, CheckIcon as CheckIcon3 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
 function Command({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     CommandPrimitive,
     {
       "data-slot": "command",
@@ -2378,8 +2709,8 @@ function CommandInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: /* @__PURE__ */ jsxs14(InputGroup, { className: "h-8! rounded-lg! border-input/30 bg-input/30 shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [
-    /* @__PURE__ */ jsx33(
+  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(
       CommandPrimitive.Input,
       {
         "data-slot": "command-input",
@@ -2390,14 +2721,14 @@ function CommandInput({
         ...props
       }
     ),
-    /* @__PURE__ */ jsx33(InputGroupAddon, { children: /* @__PURE__ */ jsx33(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
+    /* @__PURE__ */ jsx36(InputGroupAddon, { children: /* @__PURE__ */ jsx36(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })
   ] }) });
 }
 function CommandList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     CommandPrimitive.List,
     {
       "data-slot": "command-list",
@@ -2413,7 +2744,7 @@ function CommandEmpty({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     CommandPrimitive.Empty,
     {
       "data-slot": "command-empty",
@@ -2426,7 +2757,7 @@ function CommandGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     CommandPrimitive.Group,
     {
       "data-slot": "command-group",
@@ -2443,7 +2774,7 @@ function CommandItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs17(
     CommandPrimitive.Item,
     {
       "data-slot": "command-item",
@@ -2454,7 +2785,7 @@ function CommandItem({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx33(CheckIcon3, { className: "ml-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })
+        /* @__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" })
       ]
     }
   );
@@ -2602,8 +2933,8 @@ var isEUCountry = (countryCode) => {
 };
 
 // src/components/country-select/CountrySelect.tsx
-import { Fragment as Fragment2, jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
-var CountrySelect = React18.forwardRef(
+import { Fragment as Fragment3, jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
+var CountrySelect = React21.forwardRef(
   ({
     value,
     onValueChange,
@@ -2613,14 +2944,14 @@ var CountrySelect = React18.forwardRef(
     align = "center",
     sideOffset = 4
   }, ref) => {
-    const [open, setOpen] = React18.useState(false);
-    const selectedCountry = React18.useMemo(() => COUNTRIES.find((c) => c.code === value), [value]);
-    return /* @__PURE__ */ jsxs15(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsxs15(
+    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(
         PopoverTrigger,
         {
           ref,
-          render: /* @__PURE__ */ jsx34(
+          render: /* @__PURE__ */ jsx37(
             "button",
             {
               type: "button",
@@ -2642,16 +2973,16 @@ var CountrySelect = React18.forwardRef(
             }
           ),
           children: [
-            /* @__PURE__ */ jsx34("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: selectedCountry ? /* @__PURE__ */ jsxs15(Fragment2, { children: [
-              /* @__PURE__ */ jsx34("span", { className: "text-xl flex-shrink-0", children: selectedCountry.flag }),
-              /* @__PURE__ */ jsx34("span", { className: "truncate", children: selectedCountry.name }),
-              /* @__PURE__ */ jsxs15("span", { className: "text-berget-muted-foreground text-xs flex-shrink-0", 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: [
                 "(",
                 selectedCountry.code,
                 ")"
               ] })
-            ] }) : /* @__PURE__ */ jsxs15(Fragment2, { children: [
-              /* @__PURE__ */ jsx34(
+            ] }) : /* @__PURE__ */ jsxs18(Fragment3, { children: [
+              /* @__PURE__ */ jsx37(
                 Icon,
                 {
                   icon: Globe,
@@ -2659,9 +2990,9 @@ var CountrySelect = React18.forwardRef(
                   className: "flex-shrink-0 text-berget-muted-foreground"
                 }
               ),
-              /* @__PURE__ */ jsx34("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
+              /* @__PURE__ */ jsx37("span", { className: "text-berget-muted-foreground truncate", children: placeholder })
             ] }) }),
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx37(
               Icon,
               {
                 icon: ChevronDown2,
@@ -2676,17 +3007,17 @@ var CountrySelect = React18.forwardRef(
           ]
         }
       ),
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx37(
         PopoverContent,
         {
           align,
           sideOffset,
           className: "w-[var(--radix-popover-trigger-width)] p-0",
-          children: /* @__PURE__ */ jsxs15(Command, { children: [
-            /* @__PURE__ */ jsx34(CommandInput, { placeholder: "Search country..." }),
-            /* @__PURE__ */ jsxs15(CommandList, { children: [
-              /* @__PURE__ */ jsx34(CommandEmpty, { children: "No countries found." }),
-              /* @__PURE__ */ jsx34(CommandGroup, { children: COUNTRIES.map((country) => /* @__PURE__ */ jsxs15(
+          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(
                 CommandItem,
                 {
                   value: `${country.name} ${country.code}`,
@@ -2700,12 +3031,12 @@ var CountrySelect = React18.forwardRef(
                     value === country.code && "bg-berget-brand-granite-800/40"
                   ),
                   children: [
-                    /* @__PURE__ */ jsx34("span", { className: "text-xl flex-shrink-0", children: country.flag }),
-                    /* @__PURE__ */ jsxs15("div", { className: "flex-1 min-w-0", children: [
-                      /* @__PURE__ */ jsx34("div", { className: "text-sm truncate", children: country.name }),
-                      /* @__PURE__ */ jsx34("div", { className: "text-xs text-berget-muted-foreground", children: country.code })
+                    /* @__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 })
                     ] }),
-                    value === country.code && /* @__PURE__ */ jsx34("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
+                    value === country.code && /* @__PURE__ */ jsx37("div", { className: "w-2 h-2 rounded-full bg-berget-brand-granite-400 flex-shrink-0" })
                   ]
                 },
                 country.code
@@ -2720,9 +3051,9 @@ var CountrySelect = React18.forwardRef(
 CountrySelect.displayName = "CountrySelect";
 
 // src/components/text-area/TextArea.tsx
-import * as React19 from "react";
+import * as React22 from "react";
 import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx35, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
 var textAreaVariants = cva14(
   "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",
   {
@@ -2745,7 +3076,7 @@ var textAreaVariants = cva14(
     }
   }
 );
-var TextArea = React19.forwardRef(
+var TextArea = React22.forwardRef(
   ({
     className,
     variant,
@@ -2765,13 +3096,13 @@ var TextArea = React19.forwardRef(
     actionButton,
     ...props
   }, ref) => {
-    const generatedId = React19.useId();
+    const generatedId = React22.useId();
     const textareaId = id || generatedId;
     const errorId = `${textareaId}-error`;
     const descriptionId = `${textareaId}-description`;
     const characterCount = typeof value === "string" ? value.length : 0;
-    return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2", children: [
-      label && /* @__PURE__ */ jsx35(
+    return /* @__PURE__ */ jsxs19("div", { className: "flex flex-col gap-2", children: [
+      label && /* @__PURE__ */ jsx38(
         "label",
         {
           htmlFor: textareaId,
@@ -2783,9 +3114,9 @@ var TextArea = React19.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-        icon && /* @__PURE__ */ jsx35("div", { className: "absolute left-2 top-1/2 -translate-y-1/2", children: icon }),
-        /* @__PURE__ */ jsx35(
+      /* @__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(
           Textarea,
           {
             ref,
@@ -2810,13 +3141,13 @@ var TextArea = React19.forwardRef(
             ...props
           }
         ),
-        secondaryIcon && /* @__PURE__ */ jsx35("div", { className: "absolute right-12 top-1/2 -translate-y-1/2", children: secondaryIcon }),
-        actionButton && /* @__PURE__ */ jsx35("div", { className: "absolute right-2 top-1/2 -translate-y-1/2", children: actionButton })
+        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 })
       ] }),
-      (description || error || showCount && maxLength) && /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between gap-2", children: [
-        description && /* @__PURE__ */ jsx35(Typography, { variant: "xs", color: "muted", id: descriptionId, children: description }),
-        (error || showCount && maxLength) && /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 ml-auto", children: [
-          showCount && maxLength && /* @__PURE__ */ jsxs16(
+      (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(
             Typography,
             {
               variant: "xs",
@@ -2830,7 +3161,7 @@ var TextArea = React19.forwardRef(
               ]
             }
           ),
-          error && /* @__PURE__ */ jsx35(
+          error && /* @__PURE__ */ jsx38(
             Typography,
             {
               variant: "xs",
@@ -2848,9 +3179,9 @@ TextArea.displayName = "TextArea";
 
 // src/primitives/label.tsx
 import { cn as cn17 } from "cn";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     "label",
     {
       "data-slot": "label",
@@ -2867,9 +3198,9 @@ function Label({ className, ...props }) {
 import { useMemo as useMemo3 } from "react";
 import { cva as cva15 } from "class-variance-authority";
 import { cn as cn18 } from "cn";
-import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -2886,7 +3217,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "legend",
     {
       "data-slot": "field-legend",
@@ -2900,7 +3231,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "field-group",
@@ -2932,7 +3263,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       role: "group",
@@ -2944,7 +3275,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "field-content",
@@ -2960,7 +3291,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     Label,
     {
       "data-slot": "field-label",
@@ -2974,7 +3305,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "field-label",
@@ -2987,7 +3318,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "p",
     {
       "data-slot": "field-description",
@@ -3006,7 +3337,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       "data-slot": "field-separator",
@@ -3017,8 +3348,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx37(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx40(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx40(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
@@ -3049,14 +3380,14 @@ function FieldError({
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    return /* @__PURE__ */ jsx37("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx37("li", { children: error.message }, index)
+    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)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       role: "alert",
@@ -3069,10 +3400,10 @@ function FieldError({
 }
 
 // src/components/link/Link.tsx
-import * as React20 from "react";
+import * as React23 from "react";
 import { cva as cva16 } from "class-variance-authority";
 import { ExternalLink } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs21 } 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",
   {
@@ -3097,7 +3428,7 @@ var linkVariants = cva16(
     }
   }
 );
-var Link = React20.forwardRef(
+var Link = React23.forwardRef(
   ({
     className,
     variant,
@@ -3110,7 +3441,7 @@ var Link = React20.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__ */ jsxs18(
+    return /* @__PURE__ */ jsxs21(
       "a",
       {
         ref,
@@ -3126,8 +3457,8 @@ var Link = React20.forwardRef(
         },
         children: [
           children,
-          icon && /* @__PURE__ */ jsx38("span", { className: "inline-flex items-center", children: icon }),
-          showExternalIcon && isExternal && !disabled && /* @__PURE__ */ jsx38("span", { className: "inline-flex items-center ml-1 opacity-60", "aria-hidden": "true", children: /* @__PURE__ */ jsx38(Icon, { icon: ExternalLink, size: 16 }) })
+          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 }) })
         ]
       }
     );
@@ -3136,7 +3467,7 @@ var Link = React20.forwardRef(
 Link.displayName = "Link";
 
 // src/components/container/Container.tsx
-import * as React21 from "react";
+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";
@@ -3161,7 +3492,7 @@ var containerVariants = cva17("w-full mx-auto", {
     padding: "md"
   }
 });
-var Container = React21.forwardRef(
+var Container = React24.forwardRef(
   ({ className, size, padding, asChild = false, children, ...props }, ref) => {
     return useRender2({
       ref,
@@ -3180,7 +3511,7 @@ var Container = React21.forwardRef(
 Container.displayName = "Container";
 
 // src/components/grid/Grid.tsx
-import * as React22 from "react";
+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";
@@ -3206,7 +3537,7 @@ var gridVariants = cva18("grid", {
     justify: "start"
   }
 });
-var Grid = React22.forwardRef(
+var Grid = React25.forwardRef(
   ({ className, align, justify, cols, rows, gap, gapX, gapY, asChild = false, children, ...props }, ref) => {
     return useRender3({
       ref,
@@ -3233,7 +3564,7 @@ var Grid = React22.forwardRef(
 Grid.displayName = "Grid";
 
 // src/components/box/Box.tsx
-import * as React23 from "react";
+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";
@@ -3273,7 +3604,7 @@ var boxVariants = cva19("flex", {
     wrap: "nowrap"
   }
 });
-var Box = React23.forwardRef(
+var Box = React26.forwardRef(
   ({ className, direction, align, justify, wrap, gap, asChild = false, children, ...props }, ref) => {
     return useRender4({
       ref,
@@ -3295,136 +3626,20 @@ var Box = React23.forwardRef(
 );
 Box.displayName = "Box";
 
-// src/components/berget-logo/BergetLogo.tsx
-import * as React24 from "react";
-import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
-var BergetLogo = React24.forwardRef(
-  ({ variant = "logotype", color = "auto", size = 48, className, ...props }, ref) => {
-    const fillColor = color === "auto" ? "var(--berget-logo-light)" : color === "white" ? "var(--berget-logo-light)" : "var(--berget-logo-dark)";
-    if (variant === "symbol") {
-      const aspectRatio2 = 463 / 419;
-      const width2 = size * aspectRatio2;
-      const height2 = size;
-      return /* @__PURE__ */ jsx39(
-        "svg",
-        {
-          ref,
-          width: width2,
-          height: height2,
-          viewBox: "0 0 463 419",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          role: "img",
-          "aria-label": "Berget symbol",
-          className: cn("inline-block", className),
-          ...props,
-          children: /* @__PURE__ */ jsx39(
-            "path",
-            {
-              d: "M208.739 17L255.261 17L446 403L398 403L313.5 255L261.5 176L233.163 96.1677L237.815 98.6522H226.185L230.837 96.1677L113 331L64.5 403L18 403L208.739 17Z",
-              style: { fill: fillColor }
-            }
-          )
-        }
-      );
-    }
-    const aspectRatio = 793.63 / 204.37;
-    const width = size * aspectRatio;
-    const height = size;
-    return /* @__PURE__ */ jsxs19(
-      "svg",
-      {
-        ref,
-        width,
-        height,
-        viewBox: "0 0 793.63 204.37",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        role: "img",
-        "aria-label": "Berget",
-        className: cn("inline-block", className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs19("g", { style: { fill: fillColor }, children: [
-            /* @__PURE__ */ jsx39(
-              "path",
-              {
-                className: "berget-logotype-fill",
-                d: "M268.78,172.54v-96.04h37.74c10.39,0,18.26,2.33,23.6,7,5.33,4.67,8.01,10.52,8.01,17.56,0,6.13-1.72,11-5.15,14.61-3.43,3.61-7.58,6.06-12.44,7.34,3.81.73,7.22,2.2,10.22,4.39,3.01,2.2,5.36,4.94,7.08,8.23,1.72,3.29,2.58,6.86,2.58,10.7,0,4.94-1.27,9.4-3.79,13.38-2.53,3.98-6.22,7.11-11.08,9.4-4.86,2.29-10.82,3.43-17.87,3.43h-38.89ZM283.93,117.66h20.74c5.81,0,10.24-1.3,13.29-3.91,3.05-2.61,4.58-6.19,4.58-10.77s-1.51-8.05-4.51-10.7c-3-2.65-7.55-3.98-13.65-3.98h-20.45v29.36ZM283.93,160.61h21.74c6.1,0,10.84-1.37,14.22-4.11,3.38-2.75,5.08-6.59,5.08-11.53s-1.76-8.85-5.29-11.73-8.29-4.32-14.3-4.32h-21.45v31.69Z"
-              }
-            ),
-            /* @__PURE__ */ jsx39(
-              "path",
-              {
-                className: "berget-logotype-fill",
-                d: "M382.45,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81,2.91-1.88,5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM382.45,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
-              }
-            ),
-            /* @__PURE__ */ jsx39(
-              "path",
-              {
-                className: "berget-logotype-fill",
-                d: "M425.62,172.54v-68.05h13.59l1.29,12.9c2.47-4.48,5.93-8.03,10.37-10.63,4.43-2.61,9.79-3.91,16.08-3.91v15.23h-4.15c-4.19,0-7.93.67-11.22,1.99-3.29,1.33-5.91,3.57-7.86,6.72-1.96,3.16-2.93,7.53-2.93,13.1v32.65h-15.16Z"
-              }
-            ),
-            /* @__PURE__ */ jsx39(
-              "path",
-              {
-                className: "berget-logotype-fill",
-                d: "M500.25,151.69c-3.72,0-7.14-.41-10.29-1.24l-6.15,5.76c1.05.64,2.34,1.19,3.86,1.65,1.52.46,3.66.87,6.43,1.23,2.76.37,6.53.73,11.29,1.1,9.43.82,16.25,3,20.44,6.52,4.2,3.52,6.29,8.21,6.29,14.06,0,4.02-1.12,7.84-3.35,11.45-2.24,3.61-5.72,6.54-10.44,8.78s-10.74,3.36-18.09,3.36c-9.91,0-17.94-1.8-24.09-5.42-6.15-3.62-9.22-9.08-9.22-16.4,0-2.84.78-5.65,2.35-8.44,1.57-2.79,4.08-5.42,7.51-7.89-2-.83-3.74-1.72-5.22-2.68-1.48-.96-2.79-1.94-3.94-2.95v-3.29l12.3-12.07c-5.53-4.57-8.29-10.56-8.29-17.97,0-4.48,1.12-8.58,3.36-12.28,2.24-3.7,5.5-6.65,9.79-8.85,4.29-2.2,9.43-3.29,15.44-3.29,4.01,0,7.72.55,11.15,1.64h26.45v9.6l-12.58.69c2.28,3.75,3.43,7.91,3.43,12.49s-1.13,8.69-3.36,12.35c-2.24,3.66-5.48,6.59-9.72,8.78-4.25,2.2-9.37,3.29-15.37,3.29ZM481.24,181.19c0,3.93,1.81,6.88,5.44,8.85,3.62,1.97,8.15,2.95,13.58,2.95s9.48-1.07,12.72-3.22c3.24-2.15,4.86-5,4.86-8.57,0-2.65-1.09-4.92-3.29-6.79-2.19-1.87-6.34-3.04-12.44-3.5-4.57-.27-8.63-.68-12.15-1.23-3.34,1.74-5.63,3.61-6.86,5.63-1.25,2.01-1.86,3.98-1.86,5.9ZM500.25,140.3c4.38,0,7.93-1.12,10.66-3.36,2.71-2.24,4.07-5.42,4.07-9.53s-1.36-7.41-4.07-9.6c-2.72-2.2-6.27-3.29-10.66-3.29s-8.08,1.1-10.79,3.29c-2.71,2.2-4.08,5.4-4.08,9.6s1.36,7.3,4.08,9.53c2.71,2.24,6.31,3.36,10.79,3.36Z"
-              }
-            ),
-            /* @__PURE__ */ jsx39(
-              "path",
-              {
-                className: "berget-logotype-fill",
-                d: "M574.61,174.19c-6.96,0-13.13-1.49-18.52-4.46-5.39-2.97-9.6-7.11-12.65-12.42-3.05-5.3-4.57-11.48-4.57-18.52s1.5-13.4,4.5-18.79c3-5.4,7.19-9.61,12.58-12.62c5.39-3.02,11.65-4.53,18.81-4.53s13,1.48,18.15,4.46c5.15,2.97,9.16,6.93,12.01,11.87,2.86,4.94,4.29,10.38,4.29,16.33,0,.92-.02,1.9-.07,2.95-.05,1.05-.12,2.22-.22,3.5h-55.19c.48,6.59,2.75,11.59,6.79,15.02,4.05,3.43,8.75,5.14,14.09,5.14,4.29,0,7.89-.93,10.79-2.81s5.08-4.41,6.51-7.61h15.16c-1.91,6.4-5.7,11.75-11.37,16.05-5.68,4.3-12.71,6.45-21.09,6.45ZM574.61,114.78c-5.05,0-9.54,1.44-13.44,4.32-3.91,2.88-6.29,7.2-7.15,12.97h40.04c-.29-5.3-2.24-9.51-5.87-12.62-3.62-3.11-8.15-4.67-13.58-4.67Z"
-              }
-            ),
-            /* @__PURE__ */ jsx39(
-              "path",
-              {
-                className: "berget-logotype-fill",
-                d: "M646.23,172.54c-6.96,0-12.49-1.62-16.59-4.87-4.1-3.25-6.15-9.03-6.15-17.36v-33.61h-12.16v-12.21h12.16l1.86-17.29h13.29v17.29h20.02v12.21h-20.02v33.61c0,3.75.84,6.33,2.51,7.75,1.67,1.42,4.55,2.13,8.65,2.13h8.14v12.35h-11.72Z"
-              }
-            ),
-            /* @__PURE__ */ jsx39(
-              "path",
-              {
-                className: "berget-logotype-fill",
-                d: "M684.4,172.54l36.89-96.04h16.59l36.6,96.04h-16.01l-8.58-23.46h-40.88l-8.58,23.46h-16.01ZM713.28,137.56h32.31l-16.16-43.77-16.16,43.77Z"
-              }
-            ),
-            /* @__PURE__ */ jsx39("path", { className: "berget-logotype-fill", d: "M778.48,172.54v-96.04h15.15v96.04h-15.15Z" })
-          ] }),
-          /* @__PURE__ */ jsx39(
-            "path",
-            {
-              style: { fill: fillColor },
-              d: "M99.9,0h24.37l99.9,202.18h-25.14l-44.26-77.52-27.24-41.38-14.84-41.81,2.44,1.3h-6.09l2.44-1.3-61.72,123-25.4,37.71H0L99.9,0Z"
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-BergetLogo.displayName = "BergetLogo";
-
 // src/components/language-select/LanguageSelect.tsx
-import * as React25 from "react";
+import * as React27 from "react";
 import { Select as SelectPrimitive2 } from "@base-ui/react/select";
 import { Globe as Globe2 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
-var LanguageSelect = React25.forwardRef(
+import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
+var LanguageSelect = React27.forwardRef(
   ({ className, options, value, onValueChange }, ref) => {
-    return /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsxs22(
       SelectPrimitive2.Root,
       {
         value,
         onValueChange: onValueChange ? (v) => onValueChange(v ?? "") : void 0,
         children: [
-          /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsxs22(
             SelectPrimitive2.Trigger,
             {
               ref,
@@ -3447,12 +3662,12 @@ var LanguageSelect = React25.forwardRef(
                 className
               ),
               children: [
-                /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Select language" }),
-                /* @__PURE__ */ jsx40(Icon, { icon: Globe2, size: 16, "aria-hidden": true })
+                /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Select language" }),
+                /* @__PURE__ */ jsx42(Icon, { icon: Globe2, size: 16, "aria-hidden": true })
               ]
             }
           ),
-          /* @__PURE__ */ jsx40(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx40(SelectPrimitive2.Positioner, { alignItemWithTrigger: false, className: "isolate z-50", children: /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx42(SelectPrimitive2.Portal, { children: /* @__PURE__ */ jsx42(SelectPrimitive2.Positioner, { alignItemWithTrigger: false, className: "isolate z-50", children: /* @__PURE__ */ jsx42(
             SelectPrimitive2.Popup,
             {
               className: cn(
@@ -3478,7 +3693,7 @@ var LanguageSelect = React25.forwardRef(
                 // Origin for transforms
                 "origin-[--transform-origin]"
               ),
-              children: /* @__PURE__ */ jsx40(SelectPrimitive2.List, { className: "p-1", children: options.map((option) => /* @__PURE__ */ jsx40(
+              children: /* @__PURE__ */ jsx42(SelectPrimitive2.List, { className: "p-1", children: options.map((option) => /* @__PURE__ */ jsx42(
                 SelectPrimitive2.Item,
                 {
                   value: option.value,
@@ -3495,7 +3710,7 @@ var LanguageSelect = React25.forwardRef(
                     // Disabled state
                     "data-disabled:pointer-events-none data-disabled:opacity-50"
                   ),
-                  children: /* @__PURE__ */ jsx40(SelectPrimitive2.ItemText, { children: option.label })
+                  children: /* @__PURE__ */ jsx42(SelectPrimitive2.ItemText, { children: option.label })
                 },
                 option.value
               )) })
@@ -3509,12 +3724,12 @@ var LanguageSelect = React25.forwardRef(
 LanguageSelect.displayName = "LanguageSelect";
 
 // src/components/list/List.tsx
-import * as React27 from "react";
+import * as React29 from "react";
 
 // src/components/divider/Divider.tsx
-import * as React26 from "react";
+import * as React28 from "react";
 import { cva as cva20 } from "class-variance-authority";
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
 var dividerVariants = cva20("", {
   variants: {
     variant: {
@@ -3535,7 +3750,7 @@ var dividerVariants = cva20("", {
     size: "thin"
   }
 });
-var Divider = React26.forwardRef(
+var Divider = React28.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3546,16 +3761,16 @@ var Divider = React26.forwardRef(
     ...props
   }, ref) => {
     if (label) {
-      return /* @__PURE__ */ jsxs21("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
-        labelPosition !== "right" && /* @__PURE__ */ jsx41(
+      return /* @__PURE__ */ jsxs23("div", { ref, className: cn("flex items-center w-full", className), ...props, children: [
+        labelPosition !== "right" && /* @__PURE__ */ jsx43(
           Separator,
           {
             orientation: "horizontal",
             className: cn(dividerVariants({ variant, size }), "flex-1")
           }
         ),
-        /* @__PURE__ */ jsx41(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
-        labelPosition !== "left" && /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx43(Typography, { variant: "small", color: "muted", className: "px-4 whitespace-nowrap", children: label }),
+        labelPosition !== "left" && /* @__PURE__ */ jsx43(
           Separator,
           {
             orientation: "horizontal",
@@ -3564,7 +3779,7 @@ var Divider = React26.forwardRef(
         )
       ] });
     }
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx43(
       Separator,
       {
         ref,
@@ -3582,19 +3797,19 @@ Divider.displayName = "Divider";
 
 // src/components/list/List.tsx
 import { Check as Check3 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
-var List = React27.forwardRef(
+import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+var List = React29.forwardRef(
   ({ className, children, ...props }, ref) => {
-    const childrenArray = React27.Children.toArray(children);
-    return /* @__PURE__ */ jsx42("div", { ref, className: cn("flex flex-col", className), ...props, children: childrenArray.map((child, index) => /* @__PURE__ */ jsxs22(React27.Fragment, { children: [
+    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: [
       child,
-      index < childrenArray.length - 1 && /* @__PURE__ */ jsx42(Divider, { variant: "subtle" })
+      index < childrenArray.length - 1 && /* @__PURE__ */ jsx44(Divider, { variant: "subtle" })
     ] }, index)) });
   }
 );
 List.displayName = "List";
-var ListItem = React27.forwardRef(
-  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs22(
+var ListItem = React29.forwardRef(
+  ({ className, icon, children, interactive = true, ...props }, ref) => /* @__PURE__ */ jsxs24(
     "div",
     {
       ref,
@@ -3605,15 +3820,15 @@ var ListItem = React27.forwardRef(
       ),
       ...props,
       children: [
-        icon && /* @__PURE__ */ jsx42("div", { className: "flex-shrink-0 flex items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx42("div", { className: "flex-1 min-w-0", 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 })
       ]
     }
   )
 );
 ListItem.displayName = "ListItem";
-var ListHeader = React27.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx42(
+var ListHeader = React29.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
@@ -3624,20 +3839,20 @@ var ListHeader = React27.forwardRef(
   )
 );
 ListHeader.displayName = "ListHeader";
-var FeatureList = React27.forwardRef(
+var FeatureList = React29.forwardRef(
   ({ items, variant = "bullet", className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx42("ul", { ref, className: cn("flex flex-col gap-fluid-md", className), ...props, children: items.map((item, index) => /* @__PURE__ */ jsxs22("li", { className: "flex items-start gap-fluid-md", children: [
-      variant === "bullet" ? /* @__PURE__ */ jsx42("span", { className: "w-1.5 h-1.5 rounded-full bg-berget-icon-muted flex-shrink-0 mt-2" }) : /* @__PURE__ */ jsx42("div", { className: "flex-shrink-0 mt-0.5", children: /* @__PURE__ */ jsx42(Icon, { icon: Check3, size: 24, className: "text-berget-logo-light" }) }),
-      /* @__PURE__ */ jsx42(Typography, { variant: "body", color: "muted", children: item })
+    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 })
     ] }, index)) });
   }
 );
 FeatureList.displayName = "FeatureList";
 
 // src/components/hero-block/HeroBlock.tsx
-import * as React28 from "react";
+import * as React30 from "react";
 import { cva as cva21 } from "class-variance-authority";
-import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 var heroBlockVariants = cva21(
   "relative overflow-hidden min-h-[40dvh] flex items-center py-fluid-2xl",
   {
@@ -3658,7 +3873,7 @@ var heroBlockVariants = cva21(
     }
   }
 );
-var HeroBlock = React28.forwardRef(
+var HeroBlock = React30.forwardRef(
   ({
     className,
     variant,
@@ -3670,26 +3885,26 @@ var HeroBlock = React28.forwardRef(
     actions,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsx43(
+    return /* @__PURE__ */ jsx45(
       "div",
       {
         ref,
         className: cn(heroBlockVariants({ variant, withPattern }), className),
         ...props,
-        children: /* @__PURE__ */ jsx43("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs23("div", { className: "mx-auto text-center max-w-4xl", children: [
-          tagline && /* @__PURE__ */ jsx43(
+        children: /* @__PURE__ */ jsx45("div", { className: "mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs25("div", { className: "mx-auto text-center max-w-4xl", children: [
+          tagline && /* @__PURE__ */ jsx45(
             Badge,
             {
               variant: "default",
-              icon: TaglineIcon ? /* @__PURE__ */ jsx43(Icon, { icon: TaglineIcon, size: 16 }) : void 0,
+              icon: TaglineIcon ? /* @__PURE__ */ jsx45(Icon, { icon: TaglineIcon, size: 16 }) : void 0,
               iconGap: 2,
               className: "mb-fluid-md",
               children: tagline
             }
           ),
-          /* @__PURE__ */ jsx43(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
-          /* @__PURE__ */ jsx43(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
-          actions && /* @__PURE__ */ jsx43("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
+          /* @__PURE__ */ jsx45(Typography, { variant: "h1", className: "mb-fluid-md", children: title }),
+          /* @__PURE__ */ jsx45(Typography, { variant: "h3", color: "muted", className: "mb-fluid-lg", children: description }),
+          actions && /* @__PURE__ */ jsx45("div", { className: "flex flex-wrap gap-fluid-md justify-center", children: actions })
         ] }) })
       }
     );
@@ -3700,7 +3915,7 @@ HeroBlock.displayName = "HeroBlock";
 // src/components/code-block/CodeBlock.tsx
 import { useState as useState3, useEffect as useEffect2, useCallback as useCallback3 } from "react";
 import { Copy, Check as Check4 } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
 function CodeBlock({ code, language = "text", title, className }) {
   const [html, setHtml] = useState3(null);
   const [copied, setCopied] = useState3(false);
@@ -3716,16 +3931,16 @@ function CodeBlock({ code, language = "text", title, className }) {
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, [code]);
-  const copyButton = /* @__PURE__ */ jsx44(
+  const copyButton = /* @__PURE__ */ jsx46(
     "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__ */ jsx44(Check4, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx44(Copy, { className: "w-3.5 h-3.5" })
+      children: copied ? /* @__PURE__ */ jsx46(Check4, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx46(Copy, { className: "w-3.5 h-3.5" })
     }
   );
-  return /* @__PURE__ */ jsxs24(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
       className: cn(
@@ -3733,25 +3948,25 @@ function CodeBlock({ code, language = "text", title, className }) {
         className
       ),
       children: [
-        title && /* @__PURE__ */ jsx44("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__ */ jsx44("span", { className: "text-berget-muted-foreground", children: title }) }),
-        /* @__PURE__ */ jsx44("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
-        html ? /* @__PURE__ */ jsx44(
+        title && /* @__PURE__ */ jsx46("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__ */ jsx46("span", { className: "text-berget-muted-foreground", children: title }) }),
+        /* @__PURE__ */ jsx46("div", { className: "absolute right-2 top-2 z-10", children: copyButton }),
+        html ? /* @__PURE__ */ jsx46(
           "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__ */ jsx44("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx44("code", { children: code }) })
+        ) : /* @__PURE__ */ jsx46("pre", { className: "!p-4 !m-0 overflow-x-auto !text-sm !leading-relaxed text-berget-muted-foreground", children: /* @__PURE__ */ jsx46("code", { children: code }) })
       ]
     }
   );
 }
 
 // src/components/window-frame/WindowFrame.tsx
-import * as React29 from "react";
+import * as React31 from "react";
 import { useState as useState4 } from "react";
-import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
-var WindowFrame = React29.forwardRef(
+import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
+var WindowFrame = React31.forwardRef(
   ({ title = "window", tabs, activeTab, onTabChange, children, className, ...props }, ref) => {
     const [internalActive, setInternalActive] = useState4(tabs?.[0]?.id ?? "");
     const currentTab = activeTab ?? internalActive;
@@ -3762,7 +3977,7 @@ var WindowFrame = React29.forwardRef(
         setInternalActive(id);
       }
     };
-    return /* @__PURE__ */ jsxs25(
+    return /* @__PURE__ */ jsxs27(
       "div",
       {
         ref,
@@ -3772,13 +3987,13 @@ var WindowFrame = React29.forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs25("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__ */ jsxs25("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-              /* @__PURE__ */ jsx45("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
-              /* @__PURE__ */ jsx45("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
-              /* @__PURE__ */ jsx45("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
+          /* @__PURE__ */ jsxs27("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__ */ jsxs27("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#FF5F56]" }),
+              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#FFBD2E]" }),
+              /* @__PURE__ */ jsx47("div", { className: "w-3 h-3 rounded-full bg-[#27C93F]" })
             ] }),
-            tabs && tabs.length > 0 ? /* @__PURE__ */ jsx45("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx45(
+            tabs && tabs.length > 0 ? /* @__PURE__ */ jsx47("div", { className: "ml-4 flex items-center gap-1", children: tabs.map((tab) => /* @__PURE__ */ jsx47(
               "button",
               {
                 type: "button",
@@ -3790,9 +4005,9 @@ var WindowFrame = React29.forwardRef(
                 children: tab.label
               },
               tab.id
-            )) }) : /* @__PURE__ */ jsx45("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
+            )) }) : /* @__PURE__ */ jsx47("span", { className: "ml-4 text-sm font-mono text-berget-brand-moss-400", children: title })
           ] }),
-          /* @__PURE__ */ jsx45("div", { children })
+          /* @__PURE__ */ jsx47("div", { children })
         ]
       }
     );
@@ -3802,7 +4017,7 @@ WindowFrame.displayName = "WindowFrame";
 
 // src/components/fog-illustration/FogIllustration.tsx
 import { useEffect as useEffect3, useRef } from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var FOG_BRAND_PALETTE = {
   ink: "#171a1a",
   milk: "#f7f5ed",
@@ -4115,7 +4330,7 @@ var FogIllustration = ({ palette, speed = 1, className }) => {
       gl.deleteFramebuffer(fbo);
     };
   }, []);
-  return /* @__PURE__ */ jsx46("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
+  return /* @__PURE__ */ jsx48("canvas", { ref, "aria-hidden": "true", className: cn("size-full", className) });
 };
 export {
   Alert2 as Alert,
@@ -4206,6 +4421,8 @@ export {
   List,
   ListHeader,
   ListItem,
+  ModelCard,
+  ModelLogo,
   NavigationMenu,
   NavigationMenuContent,
   NavigationMenuIndicator,
@@ -4234,6 +4451,7 @@ export {
   boxVariants,
   buttonVariants,
   cardVariants,
+  categoryLabels,
   checkboxVariants,
   containerVariants,
   getCountryByCode,