cat-framework-core 0.4.3 → 0.5.0

package/dist/index.mjs

@@ -1,18 +1,18 @@
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { clsx as G } from "clsx";
-import { twMerge as Z } from "tailwind-merge";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { clsx as J } from "clsx";
+import { twMerge as L } from "tailwind-merge";
 import { cva as B } from "class-variance-authority";
-import * as w from "react";
-import S, { useState as v, createContext as J, useContext as L, useCallback as $, useEffect as Q } from "react";
-import { Slot as X } from "@radix-ui/react-slot";
-import { motion as F } from "framer-motion";
-import * as N from "@radix-ui/react-accordion";
-import { ChevronDown as j, X as U, Menu as Y, Search as ee, ChevronRight as re, Cloud as te, Star as ae, Check as ne } from "lucide-react";
-import * as H from "@radix-ui/react-label";
+import * as k from "react";
+import V, { useRef as $, useEffect as T, useState as v, createContext as Q, useContext as X, useCallback as U } from "react";
+import { Slot as Y } from "@radix-ui/react-slot";
+import { motion as S } from "framer-motion";
+import * as w from "@radix-ui/react-accordion";
+import { ChevronDown as R, X as ee, Menu as re, Search as te, ChevronRight as ae, Cloud as ne, Star as oe, Check as ie } from "lucide-react";
+import * as I from "@radix-ui/react-label";
 function l(...t) {
-  return Z(G(t));
+  return L(J(t));
 }
-const oe = B("", {
+const se = B("", {
   variants: {
     variant: {
       h1: "font-display text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl",
@@ -39,7 +39,7 @@ const oe = B("", {
     variant: "body",
     color: "default"
   }
-}), ie = {
+}), de = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -51,22 +51,22 @@ const oe = B("", {
   "body-lg": "p",
   caption: "span",
   overline: "span"
-}, m = S.forwardRef(
-  ({ className: t, variant: n = "body", tone: r = "default", as: i, children: s, ...a }, d) => {
-    const h = i || ie[n] || "p";
+}, u = V.forwardRef(
+  ({ className: t, variant: a = "body", tone: r = "default", as: o, children: s, ...n }, d) => {
+    const f = o || de[a] || "p";
     return /* @__PURE__ */ e(
-      h,
+      f,
       {
         ref: d,
-        className: l(oe({ variant: n, color: r, className: t })),
-        ...a,
+        className: l(se({ variant: a, color: r, className: t })),
+        ...n,
         children: s
       }
     );
   }
 );
-m.displayName = "Typography";
-const se = B(
+u.displayName = "Typography";
+const le = B(
   "inline-flex items-center rounded-full px-3 py-0.5 font-body text-xs font-medium transition-fast",
   {
     variants: {
@@ -81,11 +81,11 @@ const se = B(
     },
     defaultVariants: { variant: "default" }
   }
-), de = S.forwardRef(
-  ({ className: t, variant: n, ...r }, i) => /* @__PURE__ */ e("span", { ref: i, className: l(se({ variant: n, className: t })), ...r })
+), ce = V.forwardRef(
+  ({ className: t, variant: a, ...r }, o) => /* @__PURE__ */ e("span", { ref: o, className: l(le({ variant: a, className: t })), ...r })
 );
-de.displayName = "Badge";
-const le = B(
+ce.displayName = "Badge";
+const me = B(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl font-medium font-body transition-fast focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
@@ -112,139 +112,181 @@ const le = B(
       size: "default"
     }
   }
-), b = w.forwardRef(
-  ({ className: t, variant: n, size: r, asChild: i = !1, ...s }, a) => /* @__PURE__ */ e(i ? X : "button", { className: l(le({ variant: n, size: r, className: t })), ref: a, ...s })
+), b = k.forwardRef(
+  ({ className: t, variant: a, size: r, asChild: o = !1, ...s }, n) => /* @__PURE__ */ e(o ? Y : "button", { className: l(me({ variant: a, size: r, className: t })), ref: n, ...s })
 );
 b.displayName = "Button";
-const ke = ({
+const M = ({
+  src: t,
+  className: a,
+  poster: r
+}) => {
+  const o = $(null);
+  return T(() => {
+    var s;
+    (s = o.current) == null || s.play().catch(() => {
+    });
+  }, [t]), /* @__PURE__ */ e(
+    "video",
+    {
+      ref: o,
+      src: t,
+      poster: r,
+      autoPlay: !0,
+      loop: !0,
+      muted: !0,
+      playsInline: !0,
+      className: a
+    }
+  );
+}, ze = ({
   headline: t,
-  headlineMobile: n,
+  headlineMobile: a,
   subheadline: r,
-  subheadlineMobile: i,
+  subheadlineMobile: o,
   ctaLabel: s,
-  ctaHref: a = "#",
+  ctaHref: n = "#",
   secondaryCtaLabel: d,
-  secondaryCtaHref: h = "#",
-  backgroundImage: u,
+  secondaryCtaHref: f = "#",
+  backgroundImage: m,
   backgroundImageMobile: g,
-  imageAlt: p = "",
-  className: y,
-  ...k
-}) => /* @__PURE__ */ o("section", { className: l("relative overflow-hidden", y), ...k, children: [
-  /* @__PURE__ */ o("div", { className: "hidden md:flex relative min-h-[420px] md:min-h-[420px] lg:min-h-[600px]", children: [
-    u && /* @__PURE__ */ e(
-      "img",
-      {
-        src: u,
-        alt: p,
-        className: "absolute inset-0 h-full w-full object-cover object-right",
-        loading: "eager"
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" }),
-    /* @__PURE__ */ e("div", { className: "relative z-10 flex items-center w-full pl-8 lg:pl-16", children: /* @__PURE__ */ o(
-      F.div,
-      {
-        initial: { opacity: 0, y: 16 },
-        animate: { opacity: 1, y: 0 },
-        transition: { duration: 0.4, ease: "easeOut" },
-        className: "px-6 py-16 lg:px-8 lg:py-20 max-w-[500px] lg:max-w-[480px]",
-        children: [
-          /* @__PURE__ */ e(m, { variant: "h1", className: "text-white drop-shadow-lg", as: "h1", children: t }),
-          r && /* @__PURE__ */ e(m, { variant: "body-lg", className: "mt-4 text-white/85 drop-shadow-md", children: r }),
-          (s || d) && /* @__PURE__ */ o("div", { className: "mt-8 flex flex-wrap gap-4", children: [
-            s && /* @__PURE__ */ e(
-              b,
-              {
-                size: "lg",
-                className: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-lg",
-                asChild: !0,
-                children: /* @__PURE__ */ e("a", { href: a, children: s })
-              }
-            ),
-            d && /* @__PURE__ */ e(
-              b,
-              {
-                size: "lg",
-                variant: "outline",
-                className: "border-white/40 text-foreground bg-white/90 hover:bg-white shadow-lg",
-                asChild: !0,
-                children: /* @__PURE__ */ e("a", { href: h, children: d })
-              }
-            )
-          ] })
-        ]
-      }
-    ) })
-  ] }),
-  /* @__PURE__ */ o("div", { className: "block md:hidden relative min-h-[85vh] flex flex-col", children: [
-    (g || u) && /* @__PURE__ */ e(
-      "img",
-      {
-        src: g || u,
-        alt: p,
-        className: "absolute inset-0 h-full w-full object-cover object-center",
-        loading: "eager"
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/70 via-transparent to-black/80" }),
-    /* @__PURE__ */ o("div", { className: "relative z-10 flex flex-1 flex-col justify-between px-5 py-10", children: [
-      /* @__PURE__ */ o(
-        F.div,
+  backgroundVideo: p,
+  backgroundVideoMobile: y,
+  imageAlt: N = "",
+  className: h,
+  ...j
+}) => {
+  const A = !!p, F = !!(y || p);
+  return /* @__PURE__ */ i("section", { className: l("relative overflow-hidden", h), ...j, children: [
+    /* @__PURE__ */ i("div", { className: "hidden md:flex relative min-h-[420px] md:min-h-[420px] lg:min-h-[600px]", children: [
+      A ? /* @__PURE__ */ e(
+        M,
         {
-          initial: { opacity: 0, y: 12 },
-          animate: { opacity: 1, y: 0 },
-          transition: { duration: 0.4 },
-          children: [
-            /* @__PURE__ */ e(m, { variant: "h2", className: "text-white drop-shadow-lg", as: "h1", children: n || t }),
-            (i || r) && /* @__PURE__ */ e(m, { variant: "body-lg", className: "mt-3 text-white/90 drop-shadow-lg font-medium leading-relaxed", children: i || r })
-          ]
+          src: p,
+          poster: m,
+          className: "absolute inset-0 h-full w-full object-cover object-right"
         }
-      ),
-      /* @__PURE__ */ e("div", { className: "flex-1" }),
-      (s || d) && /* @__PURE__ */ o(
-        F.div,
+      ) : m ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: m,
+          alt: N,
+          className: "absolute inset-0 h-full w-full object-cover object-right",
+          loading: "eager"
+        }
+      ) : null,
+      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-r from-black/80 via-black/50 to-transparent" }),
+      /* @__PURE__ */ e("div", { className: "relative z-10 flex items-center w-full pl-8 lg:pl-16", children: /* @__PURE__ */ i(
+        S.div,
         {
-          initial: { opacity: 0, y: 12 },
+          initial: { opacity: 0, y: 16 },
           animate: { opacity: 1, y: 0 },
-          transition: { duration: 0.4, delay: 0.15 },
-          className: "flex flex-col gap-3",
+          transition: { duration: 0.4, ease: "easeOut" },
+          className: "px-6 py-16 lg:px-8 lg:py-20 max-w-[500px] lg:max-w-[480px]",
           children: [
-            s && /* @__PURE__ */ e(
-              b,
-              {
-                size: "lg",
-                className: "w-full bg-primary text-primary-foreground hover:bg-primary/90 shadow-lg",
-                asChild: !0,
-                children: /* @__PURE__ */ e("a", { href: a, children: s })
-              }
-            ),
-            d && /* @__PURE__ */ e(
-              b,
-              {
-                size: "lg",
-                variant: "outline",
-                className: "w-full border-white/40 text-foreground bg-white/90 hover:bg-white shadow-lg",
-                asChild: !0,
-                children: /* @__PURE__ */ e("a", { href: h, children: d })
-              }
-            )
+            /* @__PURE__ */ e(u, { variant: "h1", className: "text-white drop-shadow-lg", as: "h1", children: t }),
+            r && /* @__PURE__ */ e(u, { variant: "body-lg", className: "mt-4 text-white/85 drop-shadow-md", children: r }),
+            (s || d) && /* @__PURE__ */ i("div", { className: "mt-8 flex flex-wrap gap-4", children: [
+              s && /* @__PURE__ */ e(
+                b,
+                {
+                  size: "lg",
+                  className: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-lg",
+                  asChild: !0,
+                  children: /* @__PURE__ */ e("a", { href: n, children: s })
+                }
+              ),
+              d && /* @__PURE__ */ e(
+                b,
+                {
+                  size: "lg",
+                  variant: "outline",
+                  className: "border-white/40 text-foreground bg-white/90 hover:bg-white shadow-lg",
+                  asChild: !0,
+                  children: /* @__PURE__ */ e("a", { href: f, children: d })
+                }
+              )
+            ] })
           ]
         }
-      )
+      ) })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "block md:hidden relative min-h-[85vh] flex flex-col", children: [
+      F ? /* @__PURE__ */ e(
+        M,
+        {
+          src: y || p,
+          poster: g || m,
+          className: "absolute inset-0 h-full w-full object-cover object-center"
+        }
+      ) : g || m ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: g || m,
+          alt: N,
+          className: "absolute inset-0 h-full w-full object-cover object-center",
+          loading: "eager"
+        }
+      ) : null,
+      /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-gradient-to-b from-black/70 via-transparent to-black/80" }),
+      /* @__PURE__ */ i("div", { className: "relative z-10 flex flex-1 flex-col justify-between px-5 py-10", children: [
+        /* @__PURE__ */ i(
+          S.div,
+          {
+            initial: { opacity: 0, y: 12 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.4 },
+            children: [
+              /* @__PURE__ */ e(u, { variant: "h2", className: "text-white drop-shadow-lg", as: "h1", children: a || t }),
+              (o || r) && /* @__PURE__ */ e(u, { variant: "body-lg", className: "mt-3 text-white/90 drop-shadow-lg font-medium leading-relaxed", children: o || r })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: "flex-1" }),
+        (s || d) && /* @__PURE__ */ i(
+          S.div,
+          {
+            initial: { opacity: 0, y: 12 },
+            animate: { opacity: 1, y: 0 },
+            transition: { duration: 0.4, delay: 0.15 },
+            className: "flex flex-col gap-3",
+            children: [
+              s && /* @__PURE__ */ e(
+                b,
+                {
+                  size: "lg",
+                  className: "w-full bg-primary text-primary-foreground hover:bg-primary/90 shadow-lg",
+                  asChild: !0,
+                  children: /* @__PURE__ */ e("a", { href: n, children: s })
+                }
+              ),
+              d && /* @__PURE__ */ e(
+                b,
+                {
+                  size: "lg",
+                  variant: "outline",
+                  className: "w-full border-white/40 text-foreground bg-white/90 hover:bg-white shadow-lg",
+                  asChild: !0,
+                  children: /* @__PURE__ */ e("a", { href: f, children: d })
+                }
+              )
+            ]
+          }
+        )
+      ] })
     ] })
-  ] })
-] }), Pe = ({
+  ] });
+}, Ce = ({
   heading: t,
-  text: n,
+  text: a,
   imageSrc: r,
-  imageAlt: i,
+  imageAlt: o,
   ctaLabel: s,
-  ctaHref: a = "#",
+  ctaHref: n = "#",
   imagePosition: d = "left",
-  className: h,
-  ...u
-}) => /* @__PURE__ */ e("section", { className: l("section-padding", h), ...u, children: /* @__PURE__ */ o(
+  className: f,
+  ...m
+}) => /* @__PURE__ */ e("section", { className: l("section-padding", f), ...m, children: /* @__PURE__ */ i(
   "div",
   {
     className: l(
@@ -256,104 +298,104 @@ const ke = ({
         "img",
         {
           src: r,
-          alt: i,
+          alt: o,
           className: "h-full w-full object-cover",
           loading: "lazy"
         }
       ) }),
-      /* @__PURE__ */ o("div", { children: [
-        /* @__PURE__ */ e(m, { variant: "h2", children: t }),
-        /* @__PURE__ */ e(m, { variant: "body", color: "muted", className: "mt-4", children: n }),
-        s && /* @__PURE__ */ e(b, { className: "mt-6", asChild: !0, children: /* @__PURE__ */ e("a", { href: a, children: s }) })
+      /* @__PURE__ */ i("div", { children: [
+        /* @__PURE__ */ e(u, { variant: "h2", children: t }),
+        /* @__PURE__ */ e(u, { variant: "body", color: "muted", className: "mt-4", children: a }),
+        s && /* @__PURE__ */ e(b, { className: "mt-6", asChild: !0, children: /* @__PURE__ */ e("a", { href: n, children: s }) })
       ] })
     ]
   }
-) }), ze = ({
+) }), Be = ({
   heading: t,
-  text: n,
+  text: a,
   imageSrc: r,
-  imageAlt: i = "",
+  imageAlt: o = "",
   tag: s,
-  href: a,
+  href: n,
   className: d,
-  ...h
+  ...f
 }) => {
-  const u = a ? "a" : "div", g = a ? { href: a } : {};
+  const m = n ? "a" : "div", g = n ? { href: n } : {};
   return /* @__PURE__ */ e(
     "article",
     {
       className: l(
         "group overflow-hidden rounded-2xl border border-border bg-card shadow-sm transition-fast hover:shadow-lg",
-        a && "cursor-pointer",
+        n && "cursor-pointer",
         d
       ),
-      ...h,
-      children: /* @__PURE__ */ o(u, { ...g, className: "block", children: [
+      ...f,
+      children: /* @__PURE__ */ i(m, { ...g, className: "block", children: [
         r && /* @__PURE__ */ e("div", { className: "aspect-video overflow-hidden", children: /* @__PURE__ */ e(
           "img",
           {
             src: r,
-            alt: i,
+            alt: o,
             className: "h-full w-full object-cover transition-fast group-hover:scale-105",
             loading: "lazy"
           }
         ) }),
-        /* @__PURE__ */ o("div", { className: "p-6", children: [
-          s && /* @__PURE__ */ e(m, { variant: "overline", className: "mb-2", children: s }),
-          /* @__PURE__ */ e(m, { variant: "h4", className: "group-hover:text-primary transition-fast", children: t }),
-          /* @__PURE__ */ e(m, { variant: "body-sm", color: "muted", className: "mt-2 line-clamp-3", children: n })
+        /* @__PURE__ */ i("div", { className: "p-6", children: [
+          s && /* @__PURE__ */ e(u, { variant: "overline", className: "mb-2", children: s }),
+          /* @__PURE__ */ e(u, { variant: "h4", className: "group-hover:text-primary transition-fast", children: t }),
+          /* @__PURE__ */ e(u, { variant: "body-sm", color: "muted", className: "mt-2 line-clamp-3", children: a })
         ] })
       ] })
     }
   );
-}, ce = N.Root, R = w.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e(N.Item, { ref: r, className: l("border-b", t), ...n }));
-R.displayName = "AccordionItem";
-const M = w.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ e(N.Header, { className: "flex", children: /* @__PURE__ */ o(
-  N.Trigger,
+}, ue = w.Root, _ = k.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(w.Item, { ref: r, className: l("border-b", t), ...a }));
+_.displayName = "AccordionItem";
+const E = k.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ e(w.Header, { className: "flex", children: /* @__PURE__ */ i(
+  w.Trigger,
   {
-    ref: i,
+    ref: o,
     className: l(
       "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
       t
     ),
     ...r,
     children: [
-      n,
-      /* @__PURE__ */ e(j, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+      a,
+      /* @__PURE__ */ e(R, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
     ]
   }
 ) }));
-M.displayName = N.Trigger.displayName;
-const D = w.forwardRef(({ className: t, children: n, ...r }, i) => /* @__PURE__ */ e(
-  N.Content,
+E.displayName = w.Trigger.displayName;
+const K = k.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ e(
+  w.Content,
   {
-    ref: i,
+    ref: o,
     className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...r,
-    children: /* @__PURE__ */ e("div", { className: l("pb-4 pt-0", t), children: n })
+    children: /* @__PURE__ */ e("div", { className: l("pb-4 pt-0", t), children: a })
   }
 ));
-D.displayName = N.Content.displayName;
-const Ce = ({
+K.displayName = w.Content.displayName;
+const je = ({
   heading: t,
-  items: n,
+  items: a,
   className: r,
-  ...i
+  ...o
 }) => {
   const s = {
     "@context": "https://schema.org",
     "@type": "FAQPage",
-    mainEntity: n.map((a) => ({
+    mainEntity: a.map((n) => ({
       "@type": "Question",
-      name: a.question,
-      acceptedAnswer: { "@type": "Answer", text: a.answer }
+      name: n.question,
+      acceptedAnswer: { "@type": "Answer", text: n.answer }
     }))
   };
-  return /* @__PURE__ */ e("section", { className: l("section-padding", r), ...i, children: /* @__PURE__ */ o("div", { className: "container-narrow", children: [
-    t && /* @__PURE__ */ e(m, { variant: "h2", className: "mb-8 text-center", children: t }),
-    /* @__PURE__ */ e(ce, { type: "single", collapsible: !0, className: "w-full", children: n.map((a, d) => /* @__PURE__ */ o(R, { value: `item-${d}`, children: [
-      /* @__PURE__ */ e(M, { className: "font-display text-left font-semibold", children: a.question }),
-      /* @__PURE__ */ e(D, { className: "font-body text-muted-foreground", children: a.answer })
+  return /* @__PURE__ */ e("section", { className: l("section-padding", r), ...o, children: /* @__PURE__ */ i("div", { className: "container-narrow", children: [
+    t && /* @__PURE__ */ e(u, { variant: "h2", className: "mb-8 text-center", children: t }),
+    /* @__PURE__ */ e(ue, { type: "single", collapsible: !0, className: "w-full", children: a.map((n, d) => /* @__PURE__ */ i(_, { value: `item-${d}`, children: [
+      /* @__PURE__ */ e(E, { className: "font-display text-left font-semibold", children: n.question }),
+      /* @__PURE__ */ e(K, { className: "font-body text-muted-foreground", children: n.answer })
     ] }, d)) }),
     /* @__PURE__ */ e(
       "script",
@@ -363,22 +405,22 @@ const Ce = ({
       }
     )
   ] }) });
-}, C = w.forwardRef(
-  ({ className: t, type: n, ...r }, i) => /* @__PURE__ */ e(
+}, C = k.forwardRef(
+  ({ className: t, type: a, ...r }, o) => /* @__PURE__ */ e(
     "input",
     {
-      type: n,
+      type: a,
       className: l(
         "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         t
       ),
-      ref: i,
+      ref: o,
       ...r
     }
   )
 );
 C.displayName = "Input";
-const T = w.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e(
+const W = k.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   "textarea",
   {
     className: l(
@@ -386,44 +428,44 @@ const T = w.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e(
       t
     ),
     ref: r,
-    ...n
+    ...a
   }
 ));
-T.displayName = "Textarea";
-const me = B("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), z = w.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ e(H.Root, { ref: r, className: l(me(), t), ...n }));
-z.displayName = H.Root.displayName;
-const Be = ({
+W.displayName = "Textarea";
+const he = B("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), z = k.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(I.Root, { ref: r, className: l(he(), t), ...a }));
+z.displayName = I.Root.displayName;
+const Ae = ({
   heading: t = "Kontakt",
-  description: n,
+  description: a,
   onSubmit: r,
-  className: i,
+  className: o,
   ...s
 }) => {
-  const [a, d] = v({ name: "", email: "", message: "" }), [h, u] = v(!1), g = (p) => {
-    p.preventDefault(), r == null || r(a), u(!0);
+  const [n, d] = v({ name: "", email: "", message: "" }), [f, m] = v(!1), g = (p) => {
+    p.preventDefault(), r == null || r(n), m(!0);
   };
-  return /* @__PURE__ */ e("section", { className: l("section-padding", i), ...s, children: /* @__PURE__ */ o("div", { className: "container-narrow", children: [
-    /* @__PURE__ */ e(m, { variant: "h2", className: "mb-2", children: t }),
-    n && /* @__PURE__ */ e(m, { variant: "body", color: "muted", className: "mb-8", children: n }),
-    h ? /* @__PURE__ */ o("div", { className: "rounded-lg border border-success/30 bg-success/5 p-8 text-center", children: [
-      /* @__PURE__ */ e(m, { variant: "h4", color: "accent", children: "Vielen Dank für Ihre Nachricht!" }),
-      /* @__PURE__ */ e(m, { variant: "body-sm", color: "muted", className: "mt-2", children: "Wir melden uns in Kürze bei Ihnen." })
-    ] }) : /* @__PURE__ */ o("form", { onSubmit: g, className: "space-y-6", children: [
-      /* @__PURE__ */ o("div", { className: "grid gap-6 sm:grid-cols-2", children: [
-        /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+  return /* @__PURE__ */ e("section", { className: l("section-padding", o), ...s, children: /* @__PURE__ */ i("div", { className: "container-narrow", children: [
+    /* @__PURE__ */ e(u, { variant: "h2", className: "mb-2", children: t }),
+    a && /* @__PURE__ */ e(u, { variant: "body", color: "muted", className: "mb-8", children: a }),
+    f ? /* @__PURE__ */ i("div", { className: "rounded-lg border border-success/30 bg-success/5 p-8 text-center", children: [
+      /* @__PURE__ */ e(u, { variant: "h4", color: "accent", children: "Vielen Dank für Ihre Nachricht!" }),
+      /* @__PURE__ */ e(u, { variant: "body-sm", color: "muted", className: "mt-2", children: "Wir melden uns in Kürze bei Ihnen." })
+    ] }) : /* @__PURE__ */ i("form", { onSubmit: g, className: "space-y-6", children: [
+      /* @__PURE__ */ i("div", { className: "grid gap-6 sm:grid-cols-2", children: [
+        /* @__PURE__ */ i("div", { className: "space-y-2", children: [
           /* @__PURE__ */ e(z, { htmlFor: "name", children: "Name" }),
           /* @__PURE__ */ e(
             C,
             {
               id: "name",
               required: !0,
-              value: a.name,
-              onChange: (p) => d({ ...a, name: p.target.value }),
+              value: n.name,
+              onChange: (p) => d({ ...n, name: p.target.value }),
               placeholder: "Max Mustermann"
             }
           )
         ] }),
-        /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ i("div", { className: "space-y-2", children: [
           /* @__PURE__ */ e(z, { htmlFor: "email", children: "E-Mail" }),
           /* @__PURE__ */ e(
             C,
@@ -431,23 +473,23 @@ const Be = ({
               id: "email",
               type: "email",
               required: !0,
-              value: a.email,
-              onChange: (p) => d({ ...a, email: p.target.value }),
+              value: n.email,
+              onChange: (p) => d({ ...n, email: p.target.value }),
               placeholder: "max@beispiel.de"
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ i("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(z, { htmlFor: "message", children: "Nachricht" }),
         /* @__PURE__ */ e(
-          T,
+          W,
           {
             id: "message",
             required: !0,
             rows: 5,
-            value: a.message,
-            onChange: (p) => d({ ...a, message: p.target.value }),
+            value: n.message,
+            onChange: (p) => d({ ...n, message: p.target.value }),
             placeholder: "Ihre Nachricht..."
           }
         )
@@ -455,74 +497,74 @@ const Be = ({
       /* @__PURE__ */ e(b, { type: "submit", size: "lg", children: "Nachricht senden" })
     ] })
   ] }) });
-}, Ae = ({
+}, Fe = ({
   brand: t,
-  items: n,
+  items: a,
   ctaLabel: r,
-  ctaHref: i = "#",
+  ctaHref: o = "#",
   className: s,
-  ...a
+  ...n
 }) => {
-  const [d, h] = v(!1);
-  return /* @__PURE__ */ o(
+  const [d, f] = v(!1);
+  return /* @__PURE__ */ i(
     "header",
     {
       className: l(
         "sticky top-0 z-50 border-b border-primary/20 bg-primary text-primary-foreground backdrop-blur",
         s
       ),
-      ...a,
+      ...n,
       children: [
-        /* @__PURE__ */ o("nav", { className: "container-wide flex h-16 items-center justify-between px-4 sm:px-6 lg:px-8", "aria-label": "Main", children: [
+        /* @__PURE__ */ i("nav", { className: "container-wide flex h-16 items-center justify-between px-4 sm:px-6 lg:px-8", "aria-label": "Main", children: [
           /* @__PURE__ */ e("a", { href: "/", className: "font-display text-lg font-bold text-primary-foreground", children: t }),
-          /* @__PURE__ */ o("ul", { className: "hidden items-center gap-1 md:flex", children: [
-            n.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          /* @__PURE__ */ i("ul", { className: "hidden items-center gap-1 md:flex", children: [
+            a.map((m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
               "a",
               {
-                href: u.href,
+                href: m.href,
                 className: "rounded-full px-4 py-2 font-body text-sm text-primary-foreground/80 transition-fast hover:bg-primary-foreground/10 hover:text-primary-foreground",
-                children: u.label
+                children: m.label
               }
-            ) }, u.href)),
-            r && /* @__PURE__ */ e("li", { className: "ml-4", children: /* @__PURE__ */ e(b, { size: "sm", className: "bg-primary-foreground text-primary hover:bg-primary-foreground/90", asChild: !0, children: /* @__PURE__ */ e("a", { href: i, children: r }) }) })
+            ) }, m.href)),
+            r && /* @__PURE__ */ e("li", { className: "ml-4", children: /* @__PURE__ */ e(b, { size: "sm", className: "bg-primary-foreground text-primary hover:bg-primary-foreground/90", asChild: !0, children: /* @__PURE__ */ e("a", { href: o, children: r }) }) })
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
               className: "md:hidden rounded-full p-2 text-primary-foreground/80 hover:bg-primary-foreground/10",
-              onClick: () => h(!d),
+              onClick: () => f(!d),
               "aria-label": "Menu",
-              children: d ? /* @__PURE__ */ e(U, { size: 20 }) : /* @__PURE__ */ e(Y, { size: 20 })
+              children: d ? /* @__PURE__ */ e(ee, { size: 20 }) : /* @__PURE__ */ e(re, { size: 20 })
             }
           )
         ] }),
-        d && /* @__PURE__ */ e("div", { className: "border-t border-primary-foreground/20 bg-primary md:hidden", children: /* @__PURE__ */ o("ul", { className: "container-wide space-y-1 px-4 py-4", children: [
-          n.map((u) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+        d && /* @__PURE__ */ e("div", { className: "border-t border-primary-foreground/20 bg-primary md:hidden", children: /* @__PURE__ */ i("ul", { className: "container-wide space-y-1 px-4 py-4", children: [
+          a.map((m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
             "a",
             {
-              href: u.href,
+              href: m.href,
               className: "block rounded-xl px-4 py-2 font-body text-sm text-primary-foreground/80 transition-fast hover:bg-primary-foreground/10 hover:text-primary-foreground",
-              onClick: () => h(!1),
-              children: u.label
+              onClick: () => f(!1),
+              children: m.label
             }
-          ) }, u.href)),
-          r && /* @__PURE__ */ e("li", { className: "pt-2", children: /* @__PURE__ */ e(b, { size: "sm", className: "w-full bg-primary-foreground text-primary hover:bg-primary-foreground/90", asChild: !0, children: /* @__PURE__ */ e("a", { href: i, children: r }) }) })
+          ) }, m.href)),
+          r && /* @__PURE__ */ e("li", { className: "pt-2", children: /* @__PURE__ */ e(b, { size: "sm", className: "w-full bg-primary-foreground text-primary hover:bg-primary-foreground/90", asChild: !0, children: /* @__PURE__ */ e("a", { href: o, children: r }) }) })
         ] }) })
       ]
     }
   );
-}, Fe = ({
+}, He = ({
   brand: t,
-  columns: n,
+  columns: a,
   copyright: r,
-  className: i,
+  className: o,
   ...s
-}) => /* @__PURE__ */ e("footer", { className: l("border-t border-border bg-muted section-padding", i), ...s, children: /* @__PURE__ */ o("div", { className: "container-wide", children: [
-  /* @__PURE__ */ o("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-4", children: [
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(m, { variant: "h5", children: t }) }),
-    n.map((a) => /* @__PURE__ */ o("div", { children: [
-      /* @__PURE__ */ e(m, { variant: "overline", className: "mb-4", children: a.heading }),
-      /* @__PURE__ */ e("ul", { className: "space-y-2", children: a.links.map((d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e("footer", { className: l("border-t border-border bg-muted section-padding", o), ...s, children: /* @__PURE__ */ i("div", { className: "container-wide", children: [
+  /* @__PURE__ */ i("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-4", children: [
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(u, { variant: "h5", children: t }) }),
+    a.map((n) => /* @__PURE__ */ i("div", { children: [
+      /* @__PURE__ */ e(u, { variant: "overline", className: "mb-4", children: n.heading }),
+      /* @__PURE__ */ e("ul", { className: "space-y-2", children: n.links.map((d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         "a",
         {
           href: d.href,
@@ -530,50 +572,50 @@ const Be = ({
           children: d.label
         }
       ) }, d.href)) })
-    ] }, a.heading))
+    ] }, n.heading))
   ] }),
-  r && /* @__PURE__ */ e("div", { className: "mt-12 border-t border-border pt-6", children: /* @__PURE__ */ e(m, { variant: "caption", children: r }) })
-] }) }), ue = S.forwardRef(
-  ({ className: t, onSearch: n, ...r }, i) => /* @__PURE__ */ o("div", { className: l("relative", t), children: [
-    /* @__PURE__ */ e(ee, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+  r && /* @__PURE__ */ e("div", { className: "mt-12 border-t border-border pt-6", children: /* @__PURE__ */ e(u, { variant: "caption", children: r }) })
+] }) }), fe = V.forwardRef(
+  ({ className: t, onSearch: a, ...r }, o) => /* @__PURE__ */ i("div", { className: l("relative", t), children: [
+    /* @__PURE__ */ e(te, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
     /* @__PURE__ */ e(
       C,
       {
-        ref: i,
+        ref: o,
         className: "pl-10",
         placeholder: "Suchen...",
-        onChange: (s) => n == null ? void 0 : n(s.target.value),
+        onChange: (s) => a == null ? void 0 : a(s.target.value),
         ...r
       }
     )
   ] })
 );
-ue.displayName = "SearchBar";
-const je = ({ items: t, className: n, ...r }) => {
-  const i = {
+fe.displayName = "SearchBar";
+const Se = ({ items: t, className: a, ...r }) => {
+  const o = {
     "@context": "https://schema.org",
     "@type": "BreadcrumbList",
-    itemListElement: t.map((s, a) => ({
+    itemListElement: t.map((s, n) => ({
       "@type": "ListItem",
-      position: a + 1,
+      position: n + 1,
       name: s.label,
       ...s.href ? { item: s.href } : {}
     }))
   };
-  return /* @__PURE__ */ o("nav", { "aria-label": "Breadcrumb", className: l("font-body text-sm", n), ...r, children: [
-    /* @__PURE__ */ e("ol", { className: "flex items-center gap-1", children: t.map((s, a) => /* @__PURE__ */ o("li", { className: "flex items-center gap-1", children: [
-      a > 0 && /* @__PURE__ */ e(re, { className: "h-3 w-3 text-muted-foreground" }),
-      s.href && a < t.length - 1 ? /* @__PURE__ */ e("a", { href: s.href, className: "text-muted-foreground transition-fast hover:text-foreground", children: s.label }) : /* @__PURE__ */ e("span", { className: "text-foreground font-medium", children: s.label })
-    ] }, a)) }),
+  return /* @__PURE__ */ i("nav", { "aria-label": "Breadcrumb", className: l("font-body text-sm", a), ...r, children: [
+    /* @__PURE__ */ e("ol", { className: "flex items-center gap-1", children: t.map((s, n) => /* @__PURE__ */ i("li", { className: "flex items-center gap-1", children: [
+      n > 0 && /* @__PURE__ */ e(ae, { className: "h-3 w-3 text-muted-foreground" }),
+      s.href && n < t.length - 1 ? /* @__PURE__ */ e("a", { href: s.href, className: "text-muted-foreground transition-fast hover:text-foreground", children: s.label }) : /* @__PURE__ */ e("span", { className: "text-foreground font-medium", children: s.label })
+    ] }, n)) }),
     /* @__PURE__ */ e(
       "script",
       {
         type: "application/ld+json",
-        dangerouslySetInnerHTML: { __html: JSON.stringify(i) }
+        dangerouslySetInnerHTML: { __html: JSON.stringify(o) }
       }
     )
   ] });
-}, he = [
+}, ge = [
   {
     id: "50gb",
     storage: "50 GB",
@@ -647,25 +689,25 @@ const je = ({ items: t, className: n, ...r }) => {
     ctaLabel: "Zum Angebot",
     ctaHref: "#"
   }
-], Se = ({
+], Re = ({
   heading: t = "Cloud-Speicher erweitern",
-  subheading: n = "Wählen Sie den passenden Tarif für Ihre Bedürfnisse",
-  plans: r = he,
-  defaultOpenId: i = "100gb",
+  subheading: a = "Wählen Sie den passenden Tarif für Ihre Bedürfnisse",
+  plans: r = ge,
+  defaultOpenId: o = "100gb",
   defaultBilling: s = "yearly",
-  className: a,
+  className: n,
   ...d
 }) => {
-  const [h, u] = v(i), [g, p] = v(s), [y, k] = v(!1), f = r.some((c) => c.hidden), _ = y ? r : r.filter((c) => !c.hidden), E = (c) => {
-    u((x) => x === c ? null : c);
-  }, K = (c) => g === "yearly" ? c.yearlyPrice : c.monthlyPrice, W = (c) => {
+  const [f, m] = v(o), [g, p] = v(s), [y, N] = v(!1), h = r.some((c) => c.hidden), j = y ? r : r.filter((c) => !c.hidden), A = (c) => {
+    m((x) => x === c ? null : c);
+  }, F = (c) => g === "yearly" ? c.yearlyPrice : c.monthlyPrice, O = (c) => {
     const x = c.monthlyPrice - c.yearlyPrice;
     return x > 0 ? Math.round(x / c.monthlyPrice * 100) : 0;
   };
-  return /* @__PURE__ */ e("section", { className: l("section-padding", a), ...d, children: /* @__PURE__ */ o("div", { className: "container-narrow", children: [
-    t && /* @__PURE__ */ e(m, { variant: "h2", className: "mb-2 text-center", children: t }),
-    n && /* @__PURE__ */ e(m, { variant: "body", tone: "muted", className: "mb-8 text-center", children: n }),
-    /* @__PURE__ */ e("div", { className: "flex items-center justify-center mb-8", children: /* @__PURE__ */ o("div", { className: "inline-flex rounded-xl border border-border bg-muted p-1 gap-1", children: [
+  return /* @__PURE__ */ e("section", { className: l("section-padding", n), ...d, children: /* @__PURE__ */ i("div", { className: "container-narrow", children: [
+    t && /* @__PURE__ */ e(u, { variant: "h2", className: "mb-2 text-center", children: t }),
+    a && /* @__PURE__ */ e(u, { variant: "body", tone: "muted", className: "mb-8 text-center", children: a }),
+    /* @__PURE__ */ e("div", { className: "flex items-center justify-center mb-8", children: /* @__PURE__ */ i("div", { className: "inline-flex rounded-xl border border-border bg-muted p-1 gap-1", children: [
       /* @__PURE__ */ e(
         "button",
         {
@@ -689,9 +731,9 @@ const je = ({ items: t, className: n, ...r }) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "space-y-3", children: _.map((c) => {
-      const x = h === c.id, q = K(c), V = W(c);
-      return /* @__PURE__ */ o(
+    /* @__PURE__ */ e("div", { className: "space-y-3", children: j.map((c) => {
+      const x = f === c.id, G = F(c), D = O(c);
+      return /* @__PURE__ */ i(
         "div",
         {
           className: l(
@@ -699,11 +741,11 @@ const je = ({ items: t, className: n, ...r }) => {
             x ? "border-primary bg-card shadow-md ring-1 ring-primary/20" : "border-border bg-card hover:border-primary/40 hover:shadow-sm"
           ),
           children: [
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ i(
               "div",
               {
                 className: "flex items-center gap-4 px-5 py-4 cursor-pointer select-none",
-                onClick: () => E(c.id),
+                onClick: () => A(c.id),
                 children: [
                   /* @__PURE__ */ e(
                     "div",
@@ -712,20 +754,20 @@ const je = ({ items: t, className: n, ...r }) => {
                         "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl transition-fast",
                         x ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
                       ),
-                      children: /* @__PURE__ */ e(te, { className: "h-5 w-5" })
+                      children: /* @__PURE__ */ e(ne, { className: "h-5 w-5" })
                     }
                   ),
-                  /* @__PURE__ */ o("div", { className: "flex items-center gap-3 min-w-0", children: [
-                    /* @__PURE__ */ e(m, { variant: "h4", className: "whitespace-nowrap", children: c.storage }),
-                    c.badge && /* @__PURE__ */ o("span", { className: "hidden sm:inline-flex items-center gap-1 rounded-full bg-primary/10 px-2.5 py-0.5 text-xs font-semibold text-primary", children: [
-                      /* @__PURE__ */ e(ae, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ i("div", { className: "flex items-center gap-3 min-w-0", children: [
+                    /* @__PURE__ */ e(u, { variant: "h4", className: "whitespace-nowrap", children: c.storage }),
+                    c.badge && /* @__PURE__ */ i("span", { className: "hidden sm:inline-flex items-center gap-1 rounded-full bg-primary/10 px-2.5 py-0.5 text-xs font-semibold text-primary", children: [
+                      /* @__PURE__ */ e(oe, { className: "h-3 w-3" }),
                       c.badge
                     ] })
                   ] }),
-                  /* @__PURE__ */ o("div", { className: "ml-auto flex items-center gap-3", children: [
-                    /* @__PURE__ */ o("div", { className: "text-right", children: [
-                      /* @__PURE__ */ o("span", { className: "font-display text-xl font-bold text-foreground", children: [
-                        q.toFixed(2).replace(".", ","),
+                  /* @__PURE__ */ i("div", { className: "ml-auto flex items-center gap-3", children: [
+                    /* @__PURE__ */ i("div", { className: "text-right", children: [
+                      /* @__PURE__ */ i("span", { className: "font-display text-xl font-bold text-foreground", children: [
+                        G.toFixed(2).replace(".", ","),
                         " €"
                       ] }),
                       /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "/Monat" })
@@ -734,13 +776,13 @@ const je = ({ items: t, className: n, ...r }) => {
                       "a",
                       {
                         href: c.ctaHref,
-                        onClick: (A) => A.stopPropagation(),
+                        onClick: (H) => H.stopPropagation(),
                         className: "hidden sm:inline-flex",
                         children: /* @__PURE__ */ e(b, { size: "sm", variant: "outline", children: c.ctaLabel || "Auswählen" })
                       }
                     ),
                     /* @__PURE__ */ e(
-                      j,
+                      R,
                       {
                         className: l(
                           "h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200",
@@ -759,29 +801,29 @@ const je = ({ items: t, className: n, ...r }) => {
                   "grid transition-all duration-200 ease-in-out",
                   x ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
                 ),
-                children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ o("div", { className: "px-5 pb-5 pt-1", children: [
-                  g === "monthly" && V > 0 && /* @__PURE__ */ o(
-                    m,
+                children: /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ i("div", { className: "px-5 pb-5 pt-1", children: [
+                  g === "monthly" && D > 0 && /* @__PURE__ */ i(
+                    u,
                     {
                       variant: "body-sm",
                       className: "mb-4 text-primary font-medium",
                       children: [
                         "Sparen Sie ",
-                        V,
+                        D,
                         "% im Jahresabo"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e("ul", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2 mb-5", children: c.features.map((A, O) => /* @__PURE__ */ o(
+                  /* @__PURE__ */ e("ul", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2 mb-5", children: c.features.map((H, Z) => /* @__PURE__ */ i(
                     "li",
                     {
                       className: "flex items-start gap-2 font-body text-sm text-muted-foreground",
                       children: [
-                        /* @__PURE__ */ e(ne, { className: "h-4 w-4 mt-0.5 shrink-0 text-primary" }),
-                        A
+                        /* @__PURE__ */ e(ie, { className: "h-4 w-4 mt-0.5 shrink-0 text-primary" }),
+                        H
                       ]
                     },
-                    O
+                    Z
                   )) }),
                   c.ctaHref && /* @__PURE__ */ e("a", { href: c.ctaHref, children: /* @__PURE__ */ e(b, { className: "w-full sm:w-auto", size: "lg", children: c.ctaLabel || "Jetzt buchen" }) })
                 ] }) })
@@ -792,17 +834,17 @@ const je = ({ items: t, className: n, ...r }) => {
         c.id
       );
     }) }),
-    f && /* @__PURE__ */ e("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ o(
+    h && /* @__PURE__ */ e("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ i(
       b,
       {
         variant: "ghost",
         size: "sm",
-        onClick: () => k((c) => !c),
+        onClick: () => N((c) => !c),
         className: "gap-1.5 text-muted-foreground",
         children: [
           y ? "Weniger Tarife" : "Weitere Tarife",
           /* @__PURE__ */ e(
-            j,
+            R,
             {
               className: l(
                 "h-4 w-4 transition-transform duration-200",
@@ -813,59 +855,59 @@ const je = ({ items: t, className: n, ...r }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ e(m, { variant: "caption", className: "mt-6 block text-center", children: "Alle Preise inkl. MwSt. Kündigung bis 4 Wochen zum Ende der Vertragslaufzeit möglich." })
+    /* @__PURE__ */ e(u, { variant: "caption", className: "mt-6 block text-center", children: "Alle Preise inkl. MwSt. Kündigung bis 4 Wochen zum Ende der Vertragslaufzeit möglich." })
   ] }) });
 }, Ve = ({
   items: t,
-  defaultActiveId: n,
+  defaultActiveId: a,
   variant: r = "underline",
-  onTabChange: i,
+  onTabChange: o,
   className: s,
-  ...a
+  ...n
 }) => {
-  var k;
-  const [d, h] = v(n || ((k = t[0]) == null ? void 0 : k.id)), u = (f) => {
-    h(f), i == null || i(f);
-  }, g = t.find((f) => f.id === d), y = {
+  var N;
+  const [d, f] = v(a || ((N = t[0]) == null ? void 0 : N.id)), m = (h) => {
+    f(h), o == null || o(h);
+  }, g = t.find((h) => h.id === d), y = {
     underline: {
       list: "border-b border-border",
-      tab: (f) => l(
+      tab: (h) => l(
         "relative px-4 py-2.5 font-body text-sm font-medium transition-fast -mb-px",
-        f ? "text-primary border-b-2 border-primary" : "text-muted-foreground hover:text-foreground"
+        h ? "text-primary border-b-2 border-primary" : "text-muted-foreground hover:text-foreground"
       )
     },
     pills: {
       list: "gap-1 bg-muted rounded-lg p-1",
-      tab: (f) => l(
+      tab: (h) => l(
         "px-4 py-2 rounded-md font-body text-sm font-medium transition-fast",
-        f ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+        h ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
       )
     },
     enclosed: {
       list: "border-b border-border",
-      tab: (f) => l(
+      tab: (h) => l(
         "px-4 py-2.5 font-body text-sm font-medium transition-fast border border-transparent rounded-t-lg -mb-px",
-        f ? "bg-background text-foreground border-border border-b-background" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
+        h ? "bg-background text-foreground border-border border-b-background" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
       )
     }
   }[r];
-  return /* @__PURE__ */ o("div", { className: l("w-full", s), ...a, children: [
+  return /* @__PURE__ */ i("div", { className: l("w-full", s), ...n, children: [
     /* @__PURE__ */ e(
       "div",
       {
         role: "tablist",
         className: l("flex items-center", y.list),
-        children: t.map((f) => /* @__PURE__ */ e(
+        children: t.map((h) => /* @__PURE__ */ e(
           "button",
           {
             role: "tab",
-            "aria-selected": f.id === d,
-            "aria-controls": `tabpanel-${f.id}`,
-            onClick: () => u(f.id),
-            className: y.tab(f.id === d),
-            children: f.label
+            "aria-selected": h.id === d,
+            "aria-controls": `tabpanel-${h.id}`,
+            onClick: () => m(h.id),
+            className: y.tab(h.id === d),
+            children: h.label
           },
-          f.id
+          h.id
         ))
       }
     ),
@@ -883,56 +925,56 @@ const je = ({ items: t, className: n, ...r }) => {
   { id: "default", name: "Core Framework" },
   { id: "webde", name: "WEB.DE" },
   { id: "gmx", name: "GMX" }
-], I = J({
+], q = Q({
   brand: P[0],
   setBrand: () => {
   }
-}), fe = () => L(I), He = ({
+}), pe = () => X(q), De = ({
   children: t,
-  defaultBrand: n = "default"
+  defaultBrand: a = "default"
 }) => {
-  const [r, i] = v(
-    P.find((a) => a.id === n) || P[0]
-  ), s = $((a) => {
-    const d = P.find((h) => h.id === a);
-    d && i(d);
+  const [r, o] = v(
+    P.find((n) => n.id === a) || P[0]
+  ), s = U((n) => {
+    const d = P.find((f) => f.id === n);
+    d && o(d);
   }, []);
-  return Q(() => {
-    const a = document.documentElement;
-    return r.id === "default" ? a.removeAttribute("data-brand") : a.setAttribute("data-brand", r.id), () => a.removeAttribute("data-brand");
-  }, [r]), /* @__PURE__ */ e(I.Provider, { value: { brand: r, setBrand: s }, children: t });
-}, Re = ({ className: t }) => {
-  const { brand: n, setBrand: r } = fe();
-  return /* @__PURE__ */ e("div", { className: l("flex items-center gap-1 rounded-xl border border-border bg-muted p-1", t), children: P.map((i) => /* @__PURE__ */ e(
+  return T(() => {
+    const n = document.documentElement;
+    return r.id === "default" ? n.removeAttribute("data-brand") : n.setAttribute("data-brand", r.id), () => n.removeAttribute("data-brand");
+  }, [r]), /* @__PURE__ */ e(q.Provider, { value: { brand: r, setBrand: s }, children: t });
+}, Me = ({ className: t }) => {
+  const { brand: a, setBrand: r } = pe();
+  return /* @__PURE__ */ e("div", { className: l("flex items-center gap-1 rounded-xl border border-border bg-muted p-1", t), children: P.map((o) => /* @__PURE__ */ e(
     "button",
     {
-      onClick: () => r(i.id),
+      onClick: () => r(o.id),
       className: l(
         "rounded-lg px-3 py-1.5 font-body text-xs font-medium transition-fast",
-        n.id === i.id ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-background"
+        a.id === o.id ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-background"
       ),
-      children: i.name
+      children: o.name
     },
-    i.id
+    o.id
   )) });
 };
 export {
-  de as Badge,
-  He as BrandProvider,
-  Re as BrandSwitcher,
-  je as Breadcrumb,
-  Be as ContactForm,
-  ze as ContentCard,
-  Ce as FaqAccordion,
-  Fe as Footer,
-  ke as Hero,
-  Pe as ImageTextTeaser,
-  Ae as Navbar,
-  ue as SearchBar,
+  ce as Badge,
+  De as BrandProvider,
+  Me as BrandSwitcher,
+  Se as Breadcrumb,
+  Ae as ContactForm,
+  Be as ContentCard,
+  je as FaqAccordion,
+  He as Footer,
+  ze as Hero,
+  Ce as ImageTextTeaser,
+  Fe as Navbar,
+  fe as SearchBar,
   Ve as Tabs,
-  Se as TariffSelect,
-  m as Typography,
+  Re as TariffSelect,
+  u as Typography,
   P as brands,
-  fe as useBrand
+  pe as useBrand
 };
 //# sourceMappingURL=index.mjs.map