@ugurdemirel/landcraft 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,53 +1,53 @@
-import { jsxs as n, jsx as e, Fragment as Ae } from "react/jsx-runtime";
-import { forwardRef as P, useState as L, useEffect as qe, useId as He } from "react";
-function Pe(r) {
+import { jsx as e, jsxs as n, Fragment as Ne } from "react/jsx-runtime";
+import { forwardRef as L, isValidElement as Ze, Children as _e, cloneElement as Je, useState as V, useEffect as _, useId as ce, useRef as ge } from "react";
+function Re(r) {
   var t, o, l = "";
   if (typeof r == "string" || typeof r == "number") l += r;
   else if (typeof r == "object") if (Array.isArray(r)) {
     var c = r.length;
-    for (t = 0; t < c; t++) r[t] && (o = Pe(r[t])) && (l && (l += " "), l += o);
+    for (t = 0; t < c; t++) r[t] && (o = Re(r[t])) && (l && (l += " "), l += o);
   } else for (o in r) r[o] && (l && (l += " "), l += o);
   return l;
 }
-function Oe() {
-  for (var r, t, o = 0, l = "", c = arguments.length; o < c; o++) (r = arguments[o]) && (t = Pe(r)) && (l && (l += " "), l += t);
+function Qe() {
+  for (var r, t, o = 0, l = "", c = arguments.length; o < c; o++) (r = arguments[o]) && (t = Re(r)) && (l && (l += " "), l += t);
   return l;
 }
-const pe = "-", _e = (r) => {
-  const t = We(r), {
+const we = "-", Xe = (r) => {
+  const t = rr(r), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: l
   } = r;
   return {
     getClassGroupId: (s) => {
-      const d = s.split(pe);
-      return d[0] === "" && d.length !== 1 && d.shift(), Te(d, t) || Ue(s);
+      const d = s.split(we);
+      return d[0] === "" && d.length !== 1 && d.shift(), Ve(d, t) || er(s);
     },
     getConflictingClassGroupIds: (s, d) => {
       const u = o[s] || [];
       return d && l[s] ? [...u, ...l[s]] : u;
     }
   };
-}, Te = (r, t) => {
+}, Ve = (r, t) => {
   var s;
   if (r.length === 0)
     return t.classGroupId;
-  const o = r[0], l = t.nextPart.get(o), c = l ? Te(r.slice(1), l) : void 0;
+  const o = r[0], l = t.nextPart.get(o), c = l ? Ve(r.slice(1), l) : void 0;
   if (c)
     return c;
   if (t.validators.length === 0)
     return;
-  const a = r.join(pe);
+  const i = r.join(we);
   return (s = t.validators.find(({
     validator: d
-  }) => d(a))) == null ? void 0 : s.classGroupId;
-}, xe = /^\[(.+)\]$/, Ue = (r) => {
-  if (xe.test(r)) {
-    const t = xe.exec(r)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+  }) => d(i))) == null ? void 0 : s.classGroupId;
+}, Me = /^\[(.+)\]$/, er = (r) => {
+  if (Me.test(r)) {
+    const t = Me.exec(r)[1], o = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
-}, We = (r) => {
+}, rr = (r) => {
   const {
     theme: t,
     prefix: o
@@ -55,19 +55,19 @@ const pe = "-", _e = (r) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Qe(Object.entries(r.classGroups), o).forEach(([a, s]) => {
-    me(s, l, a, t);
+  return or(Object.entries(r.classGroups), o).forEach(([i, s]) => {
+    he(s, l, i, t);
   }), l;
-}, me = (r, t, o, l) => {
+}, he = (r, t, o, l) => {
   r.forEach((c) => {
     if (typeof c == "string") {
-      const a = c === "" ? t : be(t, c);
-      a.classGroupId = o;
+      const i = c === "" ? t : Se(t, c);
+      i.classGroupId = o;
       return;
     }
     if (typeof c == "function") {
-      if (Ye(c)) {
-        me(c(l), t, o, l);
+      if (tr(c)) {
+        he(c(l), t, o, l);
         return;
       }
       t.validators.push({
@@ -76,22 +76,22 @@ const pe = "-", _e = (r) => {
       });
       return;
     }
-    Object.entries(c).forEach(([a, s]) => {
-      me(s, be(t, a), o, l);
+    Object.entries(c).forEach(([i, s]) => {
+      he(s, Se(t, i), o, l);
     });
   });
-}, be = (r, t) => {
+}, Se = (r, t) => {
   let o = r;
-  return t.split(pe).forEach((l) => {
+  return t.split(we).forEach((l) => {
     o.nextPart.has(l) || o.nextPart.set(l, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), o = o.nextPart.get(l);
   }), o;
-}, Ye = (r) => r.isThemeGetter, Qe = (r, t) => t ? r.map(([o, l]) => {
-  const c = l.map((a) => typeof a == "string" ? t + a : typeof a == "object" ? Object.fromEntries(Object.entries(a).map(([s, d]) => [t + s, d])) : a);
+}, tr = (r) => r.isThemeGetter, or = (r, t) => t ? r.map(([o, l]) => {
+  const c = l.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([s, d]) => [t + s, d])) : i);
   return [o, c];
-}) : r, De = (r) => {
+}) : r, nr = (r) => {
   if (r < 1)
     return {
       get: () => {
@@ -100,55 +100,55 @@ const pe = "-", _e = (r) => {
       }
     };
   let t = 0, o = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
-  const c = (a, s) => {
-    o.set(a, s), t++, t > r && (t = 0, l = o, o = /* @__PURE__ */ new Map());
+  const c = (i, s) => {
+    o.set(i, s), t++, t > r && (t = 0, l = o, o = /* @__PURE__ */ new Map());
   };
   return {
-    get(a) {
-      let s = o.get(a);
+    get(i) {
+      let s = o.get(i);
       if (s !== void 0)
         return s;
-      if ((s = l.get(a)) !== void 0)
-        return c(a, s), s;
+      if ((s = l.get(i)) !== void 0)
+        return c(i, s), s;
     },
-    set(a, s) {
-      o.has(a) ? o.set(a, s) : c(a, s);
+    set(i, s) {
+      o.has(i) ? o.set(i, s) : c(i, s);
     }
   };
-}, Ie = "!", Je = (r) => {
+}, Fe = "!", lr = (r) => {
   const {
     separator: t,
     experimentalParseClassName: o
-  } = r, l = t.length === 1, c = t[0], a = t.length, s = (d) => {
+  } = r, l = t.length === 1, c = t[0], i = t.length, s = (d) => {
     const u = [];
-    let f = 0, g = 0, m;
+    let p = 0, h = 0, m;
     for (let b = 0; b < d.length; b++) {
-      let C = d[b];
-      if (f === 0) {
-        if (C === c && (l || d.slice(b, b + a) === t)) {
-          u.push(d.slice(g, b)), g = b + a;
+      let N = d[b];
+      if (p === 0) {
+        if (N === c && (l || d.slice(b, b + i) === t)) {
+          u.push(d.slice(h, b)), h = b + i;
           continue;
         }
-        if (C === "/") {
+        if (N === "/") {
           m = b;
           continue;
         }
       }
-      C === "[" ? f++ : C === "]" && f--;
+      N === "[" ? p++ : N === "]" && p--;
     }
-    const x = u.length === 0 ? d : d.substring(g), p = x.startsWith(Ie), h = p ? x.substring(1) : x, y = m && m > g ? m - g : void 0;
+    const v = u.length === 0 ? d : d.substring(h), g = v.startsWith(Fe), f = g ? v.substring(1) : v, x = m && m > h ? m - h : void 0;
     return {
       modifiers: u,
-      hasImportantModifier: p,
-      baseClassName: h,
-      maybePostfixModifierPosition: y
+      hasImportantModifier: g,
+      baseClassName: f,
+      maybePostfixModifierPosition: x
     };
   };
   return o ? (d) => o({
     className: d,
     parseClassName: s
   }) : s;
-}, Xe = (r) => {
+}, sr = (r) => {
   if (r.length <= 1)
     return r;
   const t = [];
@@ -156,122 +156,122 @@ const pe = "-", _e = (r) => {
   return r.forEach((l) => {
     l[0] === "[" ? (t.push(...o.sort(), l), o = []) : o.push(l);
   }), t.push(...o.sort()), t;
-}, Ze = (r) => ({
-  cache: De(r.cacheSize),
-  parseClassName: Je(r),
-  ..._e(r)
-}), Ke = /\s+/, er = (r, t) => {
+}, ar = (r) => ({
+  cache: nr(r.cacheSize),
+  parseClassName: lr(r),
+  ...Xe(r)
+}), ir = /\s+/, cr = (r, t) => {
   const {
     parseClassName: o,
     getClassGroupId: l,
     getConflictingClassGroupIds: c
-  } = t, a = [], s = r.trim().split(Ke);
+  } = t, i = [], s = r.trim().split(ir);
   let d = "";
   for (let u = s.length - 1; u >= 0; u -= 1) {
-    const f = s[u], {
-      modifiers: g,
+    const p = s[u], {
+      modifiers: h,
       hasImportantModifier: m,
-      baseClassName: x,
-      maybePostfixModifierPosition: p
-    } = o(f);
-    let h = !!p, y = l(h ? x.substring(0, p) : x);
-    if (!y) {
-      if (!h) {
-        d = f + (d.length > 0 ? " " + d : d);
+      baseClassName: v,
+      maybePostfixModifierPosition: g
+    } = o(p);
+    let f = !!g, x = l(f ? v.substring(0, g) : v);
+    if (!x) {
+      if (!f) {
+        d = p + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (y = l(x), !y) {
-        d = f + (d.length > 0 ? " " + d : d);
+      if (x = l(v), !x) {
+        d = p + (d.length > 0 ? " " + d : d);
         continue;
       }
-      h = !1;
+      f = !1;
     }
-    const b = Xe(g).join(":"), C = m ? b + Ie : b, w = C + y;
-    if (a.includes(w))
+    const b = sr(h).join(":"), N = m ? b + Fe : b, w = N + x;
+    if (i.includes(w))
       continue;
-    a.push(w);
-    const B = c(y, h);
-    for (let T = 0; T < B.length; ++T) {
-      const I = B[T];
-      a.push(C + I);
+    i.push(w);
+    const E = c(x, f);
+    for (let B = 0; B < E.length; ++B) {
+      const M = E[B];
+      i.push(N + M);
     }
-    d = f + (d.length > 0 ? " " + d : d);
+    d = p + (d.length > 0 ? " " + d : d);
   }
   return d;
 };
-function rr() {
+function dr() {
   let r = 0, t, o, l = "";
   for (; r < arguments.length; )
-    (t = arguments[r++]) && (o = Be(t)) && (l && (l += " "), l += o);
+    (t = arguments[r++]) && (o = $e(t)) && (l && (l += " "), l += o);
   return l;
 }
-const Be = (r) => {
+const $e = (r) => {
   if (typeof r == "string")
     return r;
   let t, o = "";
   for (let l = 0; l < r.length; l++)
-    r[l] && (t = Be(r[l])) && (o && (o += " "), o += t);
+    r[l] && (t = $e(r[l])) && (o && (o += " "), o += t);
   return o;
 };
-function tr(r, ...t) {
-  let o, l, c, a = s;
+function mr(r, ...t) {
+  let o, l, c, i = s;
   function s(u) {
-    const f = t.reduce((g, m) => m(g), r());
-    return o = Ze(f), l = o.cache.get, c = o.cache.set, a = d, d(u);
+    const p = t.reduce((h, m) => m(h), r());
+    return o = ar(p), l = o.cache.get, c = o.cache.set, i = d, d(u);
   }
   function d(u) {
-    const f = l(u);
-    if (f)
-      return f;
-    const g = er(u, o);
-    return c(u, g), g;
+    const p = l(u);
+    if (p)
+      return p;
+    const h = cr(u, o);
+    return c(u, h), h;
   }
   return function() {
-    return a(rr.apply(null, arguments));
+    return i(dr.apply(null, arguments));
   };
 }
-const S = (r) => {
+const T = (r) => {
   const t = (o) => o[r] || [];
   return t.isThemeGetter = !0, t;
-}, Le = /^\[(?:([a-z-]+):)?(.+)\]$/i, or = /^\d+\/\d+$/, nr = /* @__PURE__ */ new Set(["px", "full", "screen"]), lr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, sr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ar = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ir = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, cr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, $ = (r) => U(r) || nr.has(r) || or.test(r), E = (r) => Y(r, "length", xr), U = (r) => !!r && !Number.isNaN(Number(r)), se = (r) => Y(r, "number", U), X = (r) => !!r && Number.isInteger(Number(r)), dr = (r) => r.endsWith("%") && U(r.slice(0, -1)), N = (r) => Le.test(r), V = (r) => lr.test(r), mr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), ur = (r) => Y(r, mr, Re), gr = (r) => Y(r, "position", Re), fr = /* @__PURE__ */ new Set(["image", "url"]), pr = (r) => Y(r, fr, yr), hr = (r) => Y(r, "", br), Z = () => !0, Y = (r, t, o) => {
-  const l = Le.exec(r);
+}, He = /^\[(?:([a-z-]+):)?(.+)\]$/i, ur = /^\d+\/\d+$/, fr = /* @__PURE__ */ new Set(["px", "full", "screen"]), pr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, gr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, hr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, xr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, br = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, O = (r) => Q(r) || fr.has(r) || ur.test(r), W = (r) => re(r, "length", Sr), Q = (r) => !!r && !Number.isNaN(Number(r)), de = (r) => re(r, "number", Q), oe = (r) => !!r && Number.isInteger(Number(r)), vr = (r) => r.endsWith("%") && Q(r.slice(0, -1)), k = (r) => He.test(r), K = (r) => pr.test(r), yr = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Nr = (r) => re(r, yr, Oe), wr = (r) => re(r, "position", Oe), kr = /* @__PURE__ */ new Set(["image", "url"]), Cr = (r) => re(r, kr, zr), Mr = (r) => re(r, "", jr), ne = () => !0, re = (r, t, o) => {
+  const l = He.exec(r);
   return l ? l[1] ? typeof t == "string" ? l[1] === t : t.has(l[1]) : o(l[2]) : !1;
-}, xr = (r) => (
+}, Sr = (r) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  sr.test(r) && !ar.test(r)
-), Re = () => !1, br = (r) => ir.test(r), yr = (r) => cr.test(r), vr = () => {
-  const r = S("colors"), t = S("spacing"), o = S("blur"), l = S("brightness"), c = S("borderColor"), a = S("borderRadius"), s = S("borderSpacing"), d = S("borderWidth"), u = S("contrast"), f = S("grayscale"), g = S("hueRotate"), m = S("invert"), x = S("gap"), p = S("gradientColorStops"), h = S("gradientColorStopPositions"), y = S("inset"), b = S("margin"), C = S("opacity"), w = S("padding"), B = S("saturate"), T = S("scale"), I = S("sepia"), K = S("skew"), O = S("space"), ee = S("translate"), _ = () => ["auto", "contain", "none"], Q = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", N, t], M = () => [N, t], re = () => ["", $, E], q = () => ["auto", U, N], J = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], H = () => ["solid", "dashed", "dotted", "double", "none"], te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], v = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], z = () => ["", "0", N], j = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [U, N];
+  gr.test(r) && !hr.test(r)
+), Oe = () => !1, jr = (r) => xr.test(r), zr = (r) => br.test(r), Ar = () => {
+  const r = T("colors"), t = T("spacing"), o = T("blur"), l = T("brightness"), c = T("borderColor"), i = T("borderRadius"), s = T("borderSpacing"), d = T("borderWidth"), u = T("contrast"), p = T("grayscale"), h = T("hueRotate"), m = T("invert"), v = T("gap"), g = T("gradientColorStops"), f = T("gradientColorStopPositions"), x = T("inset"), b = T("margin"), N = T("opacity"), w = T("padding"), E = T("saturate"), B = T("scale"), M = T("sepia"), I = T("skew"), z = T("space"), S = T("translate"), G = () => ["auto", "contain", "none"], F = () => ["auto", "hidden", "clip", "visible", "scroll"], H = () => ["auto", k, t], A = () => [k, t], le = () => ["", O, W], Y = () => ["auto", Q, k], se = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], q = () => ["solid", "dashed", "dotted", "double", "none"], te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Z = () => ["", "0", k], y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [Q, k];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [Z],
-      spacing: [$, E],
-      blur: ["none", "", V, N],
-      brightness: A(),
+      colors: [ne],
+      spacing: [O, W],
+      blur: ["none", "", K, k],
+      brightness: j(),
       borderColor: [r],
-      borderRadius: ["none", "", "full", V, N],
-      borderSpacing: M(),
-      borderWidth: re(),
-      contrast: A(),
-      grayscale: z(),
-      hueRotate: A(),
-      invert: z(),
-      gap: M(),
+      borderRadius: ["none", "", "full", K, k],
+      borderSpacing: A(),
+      borderWidth: le(),
+      contrast: j(),
+      grayscale: Z(),
+      hueRotate: j(),
+      invert: Z(),
+      gap: A(),
       gradientColorStops: [r],
-      gradientColorStopPositions: [dr, E],
-      inset: D(),
-      margin: D(),
-      opacity: A(),
-      padding: M(),
-      saturate: A(),
-      scale: A(),
-      sepia: z(),
-      skew: A(),
-      space: M(),
-      translate: M()
+      gradientColorStopPositions: [vr, W],
+      inset: H(),
+      margin: H(),
+      opacity: j(),
+      padding: A(),
+      saturate: j(),
+      scale: j(),
+      sepia: Z(),
+      skew: j(),
+      space: A(),
+      translate: A()
     },
     classGroups: {
       // Layout
@@ -280,7 +280,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", N]
+        aspect: ["auto", "square", "video", k]
       }],
       /**
        * Container
@@ -292,21 +292,21 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [V]
+        columns: [K]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": j()
+        "break-after": y()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": j()
+        "break-before": y()
       }],
       /**
        * Break Inside
@@ -365,49 +365,49 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...J(), N]
+        object: [...se(), k]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: Q()
+        overflow: F()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": Q()
+        "overflow-x": F()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": Q()
+        "overflow-y": F()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: _()
+        overscroll: G()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": _()
+        "overscroll-x": G()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": _()
+        "overscroll-y": G()
       }],
       /**
        * Position
@@ -419,63 +419,63 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [y]
+        inset: [x]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [y]
+        "inset-x": [x]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [y]
+        "inset-y": [x]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [y]
+        start: [x]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [y]
+        end: [x]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [y]
+        top: [x]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [y]
+        right: [x]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [y]
+        bottom: [x]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [y]
+        left: [x]
       }],
       /**
        * Visibility
@@ -487,7 +487,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", X, N]
+        z: ["auto", oe, k]
       }],
       // Flexbox and Grid
       /**
@@ -495,7 +495,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: D()
+        basis: H()
       }],
       /**
        * Flex Direction
@@ -516,35 +516,35 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", N]
+        flex: ["1", "auto", "initial", "none", k]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: z()
+        grow: Z()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: z()
+        shrink: Z()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", X, N]
+        order: ["first", "last", "none", oe, k]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [Z]
+        "grid-cols": [ne]
       }],
       /**
        * Grid Column Start / End
@@ -552,29 +552,29 @@ const S = (r) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", X, N]
-        }, N]
+          span: ["full", oe, k]
+        }, k]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": q()
+        "col-start": Y()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": q()
+        "col-end": Y()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [Z]
+        "grid-rows": [ne]
       }],
       /**
        * Grid Row Start / End
@@ -582,22 +582,22 @@ const S = (r) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [X, N]
-        }, N]
+          span: [oe, k]
+        }, k]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": q()
+        "row-start": Y()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": q()
+        "row-end": Y()
       }],
       /**
        * Grid Auto Flow
@@ -611,42 +611,42 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", N]
+        "auto-cols": ["auto", "min", "max", "fr", k]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", N]
+        "auto-rows": ["auto", "min", "max", "fr", k]
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [x]
+        gap: [v]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [x]
+        "gap-x": [v]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [x]
+        "gap-y": [v]
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...v()]
+        justify: ["normal", ...J()]
       }],
       /**
        * Justify Items
@@ -667,7 +667,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...v(), "baseline"]
+        content: ["normal", ...J(), "baseline"]
       }],
       /**
        * Align Items
@@ -688,7 +688,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...v(), "baseline"]
+        "place-content": [...J(), "baseline"]
       }],
       /**
        * Place Items
@@ -836,7 +836,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [O]
+        "space-x": [z]
       }],
       /**
        * Space Between X Reverse
@@ -848,7 +848,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [O]
+        "space-y": [z]
       }],
       /**
        * Space Between Y Reverse
@@ -861,51 +861,51 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", N, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", k, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [N, t, "min", "max", "fit"]
+        "min-w": [k, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [N, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [V]
-        }, V]
+        "max-w": [k, t, "none", "full", "min", "max", "fit", "prose", {
+          screen: [K]
+        }, K]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [N, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [k, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [N, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [k, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [N, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [k, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [N, t, "auto", "min", "max", "fit"]
+        size: [k, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -913,7 +913,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", V, E]
+        text: ["base", K, W]
       }],
       /**
        * Font Smoothing
@@ -930,14 +930,14 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", se]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", de]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Z]
+        font: [ne]
       }],
       /**
        * Font Variant Numeric
@@ -974,35 +974,35 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", N]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", k]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", U, se]
+        "line-clamp": ["none", Q, de]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", $, N]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", O, k]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", N]
+        "list-image": ["none", k]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", N]
+        list: ["none", "disc", "decimal", k]
       }],
       /**
        * List Style Position
@@ -1024,7 +1024,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [C]
+        "placeholder-opacity": [N]
       }],
       /**
        * Text Alignment
@@ -1045,7 +1045,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [C]
+        "text-opacity": [N]
       }],
       /**
        * Text Decoration
@@ -1057,21 +1057,21 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...H(), "wavy"]
+        decoration: [...q(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", $, E]
+        decoration: ["auto", "from-font", O, W]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", $, N]
+        "underline-offset": ["auto", O, k]
       }],
       /**
        * Text Decoration Color
@@ -1102,14 +1102,14 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: M()
+        indent: A()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", N]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", k]
       }],
       /**
        * Whitespace
@@ -1137,7 +1137,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", N]
+        content: ["none", k]
       }],
       // Backgrounds
       /**
@@ -1160,7 +1160,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [C]
+        "bg-opacity": [N]
       }],
       /**
        * Background Origin
@@ -1174,7 +1174,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...J(), gr]
+        bg: [...se(), wr]
       }],
       /**
        * Background Repeat
@@ -1190,7 +1190,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", ur]
+        bg: ["auto", "cover", "contain", Nr]
       }],
       /**
        * Background Image
@@ -1199,7 +1199,7 @@ const S = (r) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, pr]
+        }, Cr]
       }],
       /**
        * Background Color
@@ -1213,42 +1213,42 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [h]
+        from: [f]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [h]
+        via: [f]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [h]
+        to: [f]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [p]
+        from: [g]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [p]
+        via: [g]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [p]
+        to: [g]
       }],
       // Borders
       /**
@@ -1256,105 +1256,105 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: [a]
+        rounded: [i]
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": [a]
+        "rounded-s": [i]
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": [a]
+        "rounded-e": [i]
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": [a]
+        "rounded-t": [i]
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": [a]
+        "rounded-r": [i]
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": [a]
+        "rounded-b": [i]
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": [a]
+        "rounded-l": [i]
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": [a]
+        "rounded-ss": [i]
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": [a]
+        "rounded-se": [i]
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": [a]
+        "rounded-ee": [i]
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": [a]
+        "rounded-es": [i]
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": [a]
+        "rounded-tl": [i]
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": [a]
+        "rounded-tr": [i]
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": [a]
+        "rounded-br": [i]
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": [a]
+        "rounded-bl": [i]
       }],
       /**
        * Border Width
@@ -1424,14 +1424,14 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [C]
+        "border-opacity": [N]
       }],
       /**
        * Border Style
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...H(), "hidden"]
+        border: [...q(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1462,14 +1462,14 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [C]
+        "divide-opacity": [N]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: H()
+        divide: q()
       }],
       /**
        * Border Color
@@ -1546,21 +1546,21 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...H()]
+        outline: ["", ...q()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [$, N]
+        "outline-offset": [O, k]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [$, E]
+        outline: [O, W]
       }],
       /**
        * Outline Color
@@ -1574,7 +1574,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: re()
+        ring: le()
       }],
       /**
        * Ring Width Inset
@@ -1593,14 +1593,14 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [C]
+        "ring-opacity": [N]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [$, E]
+        "ring-offset": [O, W]
       }],
       /**
        * Ring Offset Color
@@ -1615,21 +1615,21 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", V, hr]
+        shadow: ["", "inner", "none", K, Mr]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [Z]
+        shadow: [ne]
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [C]
+        opacity: [N]
       }],
       /**
        * Mix Blend Mode
@@ -1680,21 +1680,21 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", V, N]
+        "drop-shadow": ["", "none", K, k]
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: [f]
+        grayscale: [p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [g]
+        "hue-rotate": [h]
       }],
       /**
        * Invert
@@ -1708,14 +1708,14 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [B]
+        saturate: [E]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [I]
+        sepia: [M]
       }],
       /**
        * Backdrop Filter
@@ -1751,14 +1751,14 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": [f]
+        "backdrop-grayscale": [p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g]
+        "backdrop-hue-rotate": [h]
       }],
       /**
        * Backdrop Invert
@@ -1772,21 +1772,21 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [C]
+        "backdrop-opacity": [N]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [B]
+        "backdrop-saturate": [E]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [I]
+        "backdrop-sepia": [M]
       }],
       // Tables
       /**
@@ -1837,35 +1837,35 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", N]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", k]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: A()
+        duration: j()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", N]
+        ease: ["linear", "in", "out", "in-out", k]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: A()
+        delay: j()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", N]
+        animate: ["none", "spin", "ping", "pulse", "bounce", k]
       }],
       // Transforms
       /**
@@ -1880,63 +1880,63 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [T]
+        scale: [B]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [T]
+        "scale-x": [B]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [T]
+        "scale-y": [B]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [X, N]
+        rotate: [oe, k]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [ee]
+        "translate-x": [S]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [ee]
+        "translate-y": [S]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [K]
+        "skew-x": [I]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [K]
+        "skew-y": [I]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", N]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", k]
       }],
       // Interactivity
       /**
@@ -1958,7 +1958,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", N]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", k]
       }],
       /**
        * Caret Color
@@ -1993,126 +1993,126 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": M()
+        "scroll-m": A()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": M()
+        "scroll-mx": A()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": M()
+        "scroll-my": A()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": M()
+        "scroll-ms": A()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": M()
+        "scroll-me": A()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": M()
+        "scroll-mt": A()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": M()
+        "scroll-mr": A()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": M()
+        "scroll-mb": A()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": M()
+        "scroll-ml": A()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": M()
+        "scroll-p": A()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": M()
+        "scroll-px": A()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": M()
+        "scroll-py": A()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": M()
+        "scroll-ps": A()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": M()
+        "scroll-pe": A()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": M()
+        "scroll-pt": A()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": M()
+        "scroll-pr": A()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": M()
+        "scroll-pb": A()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": M()
+        "scroll-pl": A()
       }],
       /**
        * Scroll Snap Align
@@ -2180,7 +2180,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", N]
+        "will-change": ["auto", "scroll", "contents", "transform", k]
       }],
       // SVG
       /**
@@ -2195,7 +2195,7 @@ const S = (r) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [$, E, se]
+        stroke: [O, W, de]
       }],
       /**
        * Stroke
@@ -2270,107 +2270,135 @@ const S = (r) => {
       "font-size": ["leading"]
     }
   };
-}, Nr = /* @__PURE__ */ tr(vr);
-function i(...r) {
-  return Nr(Oe(r));
+}, Tr = /* @__PURE__ */ mr(Ar);
+function a(...r) {
+  return Tr(Qe(r));
 }
-function wr(r) {
+function Lr(r) {
   return typeof window > "u" ? "" : window.getComputedStyle(document.documentElement).getPropertyValue(r).trim();
 }
-function kr(r) {
+function Pr(r) {
   let t = r;
   const o = t.match(/var\(--[\w-]+/g) ?? [];
   for (const l of o) {
-    const c = l.replace(/^var\(/, ""), a = wr(c);
-    a && (t = t.split(l).join(a));
+    const c = l.replace(/^var\(/, ""), i = Lr(c);
+    i && (t = t.split(l).join(i));
   }
   return t;
 }
-function Cr(r) {
+function Gr(r) {
   var u;
   let t = r.trim();
   if (/^#([0-9a-f]{3}){1,2}$/i.test(t))
-    return t.length === 4 && (t = "#" + t.slice(1).split("").map((f) => f + f).join("")), {
+    return t.length === 4 && (t = "#" + t.slice(1).split("").map((p) => p + p).join("")), {
       r: parseInt(t.slice(1, 3), 16),
       g: parseInt(t.slice(3, 5), 16),
       b: parseInt(t.slice(5, 7), 16)
     };
-  const c = ((u = kr(t).replace(/[()/;,]/g, " ").match(/-?\d+(\.\d+)?/g)) == null ? void 0 : u.map(Number)) ?? [];
+  const c = ((u = Pr(t).replace(/[()/;,]/g, " ").match(/-?\d+(\.\d+)?/g)) == null ? void 0 : u.map(Number)) ?? [];
   if (c.length < 3) return null;
-  const [a, s, d] = c;
+  const [i, s, d] = c;
   return {
-    r: Math.max(0, Math.min(255, Math.round(a))),
+    r: Math.max(0, Math.min(255, Math.round(i))),
     g: Math.max(0, Math.min(255, Math.round(s))),
     b: Math.max(0, Math.min(255, Math.round(d)))
   };
 }
-function ae(r) {
-  const t = Cr(r);
+function me(r) {
+  const t = Gr(r);
   if (!t) return 0;
   const o = [t.r, t.g, t.b].map((l) => l / 255).map((l) => l <= 0.03928 ? l / 12.92 : Math.pow((l + 0.055) / 1.055, 2.4));
   return 0.2126 * o[0] + 0.7152 * o[1] + 0.0722 * o[2];
 }
-function ye(r, t) {
+function je(r, t) {
   const [o, l] = r > t ? [r, t] : [t, r];
   return (o + 0.05) / (l + 0.05);
 }
-function R(r, t = "#ffffff", o = "#0f172a") {
-  const l = ae(r), c = ae(t), a = ae(o);
-  return ye(l, c) >= ye(l, a) ? t : o;
+function $(r, t = "#ffffff", o = "#0f172a") {
+  const l = me(r), c = me(t), i = me(o);
+  return je(l, c) >= je(l, i) ? t : o;
 }
-const Mr = {
+function Er(r, t) {
+  const o = { ...t };
+  for (const l in t) {
+    const c = r[l], i = t[l];
+    /^on[A-Z]/.test(l) ? c && i ? o[l] = (...d) => {
+      i(...d), c(...d);
+    } : c && (o[l] = c) : l === "style" ? o[l] = { ...c, ...i } : l === "className" && (o[l] = a(c, i));
+  }
+  return { ...r, ...o };
+}
+function Br(...r) {
+  return (t) => {
+    for (const o of r)
+      typeof o == "function" ? o(t) : o != null && (o.current = t);
+  };
+}
+const Ue = L((r, t) => {
+  const { children: o, ...l } = r;
+  if (!Ze(o))
+    return null;
+  const c = _e.only(o), i = Br(t, c.ref);
+  return Je(c, {
+    ...Er(l, c.props),
+    ref: i
+  });
+});
+Ue.displayName = "Slot";
+const Ir = {
   primary: "bg-primary text-on-primary hover:bg-primary-hover",
   dark: "bg-secondary text-on-secondary hover:bg-secondary-hover",
   outline: "border border-border bg-transparent text-foreground hover:border-foreground/30 hover:bg-surface",
   ghost: "text-foreground hover:bg-surface",
   link: "px-0 h-auto text-primary hover:text-primary-hover"
-}, jr = {
+}, Rr = {
   sm: "h-9 px-4 text-[13px] gap-1.5",
   md: "h-11 px-5 text-sm gap-2",
   lg: "h-12 px-7 text-[15px] gap-2"
-}, zr = "group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer", Sr = P(
+}, Vr = "group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer", Fr = L(
   ({
     className: r,
     variant: t = "primary",
     size: o = "md",
     iconLeft: l,
     iconRight: c,
-    customColor: a,
+    customColor: i,
     fullWidth: s,
-    style: d,
-    type: u = "button",
-    children: f,
-    ...g
-  }, m) => {
-    const x = a ? {
-      ...d,
-      backgroundColor: a,
-      color: R(a)
-    } : d, p = t === "link";
-    return /* @__PURE__ */ n(
+    asChild: d,
+    style: u,
+    type: p = "button",
+    children: h,
+    ...m
+  }, v) => {
+    const g = i ? {
+      ...u,
+      backgroundColor: i,
+      color: $(i)
+    } : u, f = t === "link", x = a(
+      Vr,
+      Rr[o],
+      i ? "hover:brightness-95" : Ir[t],
+      f && "underline-offset-4 hover:underline",
+      s && "w-full",
+      r
+    );
+    return d ? /* @__PURE__ */ e(Ue, { ref: v, style: g, className: x, ...m, children: h }) : /* @__PURE__ */ n(
       "button",
       {
-        ref: m,
-        type: u,
-        style: x,
-        className: i(
-          zr,
-          jr[o],
-          a ? "hover:brightness-95" : Mr[t],
-          p && "underline-offset-4 hover:underline",
-          s && "w-full",
-          r
-        ),
-        ...g,
+        ref: v,
+        type: p,
+        style: g,
+        className: x,
+        ...m,
         children: [
-          l ? /* @__PURE__ */ e("span", { className: i("shrink-0", !p && "opacity-70"), children: l }) : null,
-          f,
+          l ? /* @__PURE__ */ e("span", { className: a("shrink-0", !f && "opacity-70"), children: l }) : null,
+          h,
           c ? /* @__PURE__ */ e(
             "span",
             {
-              className: i(
+              className: a(
                 "shrink-0 transition-transform duration-200",
-                !p && "opacity-70 group-hover:translate-x-0.5"
+                !f && "opacity-70 group-hover:translate-x-0.5"
               ),
               children: c
             }
@@ -2380,27 +2408,27 @@ const Mr = {
     );
   }
 );
-Sr.displayName = "Button";
-const Ar = "inline-flex items-center rounded-full font-medium tracking-tight transition-colors duration-200", Pr = {
+Fr.displayName = "Button";
+const $r = "inline-flex items-center rounded-full font-medium tracking-tight transition-colors duration-200", Hr = {
   sm: "px-2.5 py-0.5 text-xs gap-1",
   md: "px-3 py-1 text-[13px] gap-1.5"
-}, Tr = {
+}, Or = {
   solid: "bg-primary text-on-primary",
   soft: "bg-primary-soft text-primary",
   outline: "text-muted-foreground ring-1 ring-inset ring-border",
   dot: "text-foreground ring-1 ring-inset ring-border bg-surface"
-}, ue = P(
-  ({ className: r, variant: t = "soft", size: o = "md", icon: l, customColor: c, style: a, children: s, ...d }, u) => {
-    const f = c ? { ...a, backgroundColor: c, color: R(c, "#111111", "#ffffff") } : a;
+}, xe = L(
+  ({ className: r, variant: t = "soft", size: o = "md", icon: l, customColor: c, style: i, children: s, ...d }, u) => {
+    const p = c ? { ...i, backgroundColor: c, color: $(c, "#111111", "#ffffff") } : i;
     return /* @__PURE__ */ n(
       "span",
       {
         ref: u,
-        style: f,
-        className: i(
-          Ar,
-          Pr[o],
-          c ? void 0 : Tr[t],
+        style: p,
+        className: a(
+          $r,
+          Hr[o],
+          c ? void 0 : Or[t],
           r
         ),
         ...d,
@@ -2409,7 +2437,7 @@ const Ar = "inline-flex items-center rounded-full font-medium tracking-tight tra
             "span",
             {
               "aria-hidden": !0,
-              className: i(
+              className: a(
                 "h-1.5 w-1.5 shrink-0 rounded-full",
                 c ? "currentColor" : "bg-primary"
               ),
@@ -2423,19 +2451,19 @@ const Ar = "inline-flex items-center rounded-full font-medium tracking-tight tra
     );
   }
 );
-ue.displayName = "Badge";
-const Ir = {
+xe.displayName = "Badge";
+const Ur = {
   outlined: "border border-border bg-surface",
   elevated: "border border-border bg-surface shadow-soft",
   inset: "bg-surface-strong"
-}, Br = P(
+}, Wr = L(
   ({ className: r, variant: t = "outlined", interactive: o = !1, ...l }, c) => /* @__PURE__ */ e(
     "div",
     {
       ref: c,
-      className: i(
+      className: a(
         "rounded-xl transition-[border-color,box-shadow,transform] duration-200",
-        Ir[t],
+        Ur[t],
         o && "cursor-pointer hover:-translate-y-0.5 hover:border-foreground/20 hover:shadow-raised",
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
         r
@@ -2444,50 +2472,50 @@ const Ir = {
     }
   )
 );
-Br.displayName = "Card";
-const Lr = P(
-  ({ className: r, icon: t, children: o, ...l }, c) => /* @__PURE__ */ n("div", { ref: c, className: i("flex flex-col gap-2 p-6 pb-0", r), ...l, children: [
+Wr.displayName = "Card";
+const Kr = L(
+  ({ className: r, icon: t, children: o, ...l }, c) => /* @__PURE__ */ n("div", { ref: c, className: a("flex flex-col gap-2 p-6 pb-0", r), ...l, children: [
     t ? /* @__PURE__ */ e("div", { className: "mb-1.5", children: t }) : null,
     o
   ] })
 );
-Lr.displayName = "CardHeader";
-const Rr = P(
+Kr.displayName = "CardHeader";
+const Dr = L(
   ({ className: r, ...t }, o) => /* @__PURE__ */ e(
     "h3",
     {
       ref: o,
-      className: i("font-display text-lg font-semibold tracking-tight text-foreground", r),
+      className: a("font-display text-lg font-semibold tracking-tight text-foreground", r),
       ...t
     }
   )
 );
-Rr.displayName = "CardTitle";
-const $r = P(
-  ({ className: r, ...t }, o) => /* @__PURE__ */ e("p", { ref: o, className: i("text-sm leading-6 text-muted-foreground", r), ...t })
+Dr.displayName = "CardTitle";
+const Yr = L(
+  ({ className: r, ...t }, o) => /* @__PURE__ */ e("p", { ref: o, className: a("text-sm leading-6 text-muted-foreground", r), ...t })
 );
-$r.displayName = "CardDescription";
-const Gr = P(
-  ({ className: r, ...t }, o) => /* @__PURE__ */ e("div", { ref: o, className: i("p-6 pt-5", r), ...t })
+Yr.displayName = "CardDescription";
+const qr = L(
+  ({ className: r, ...t }, o) => /* @__PURE__ */ e("div", { ref: o, className: a("p-6 pt-5", r), ...t })
 );
-Gr.displayName = "CardContent";
-const Er = P(
-  ({ className: r, ...t }, o) => /* @__PURE__ */ e("div", { ref: o, className: i("flex items-center gap-3 border-t border-border/70 p-6 pt-5", r), ...t })
+qr.displayName = "CardContent";
+const Zr = L(
+  ({ className: r, ...t }, o) => /* @__PURE__ */ e("div", { ref: o, className: a("flex items-center gap-3 border-t border-border/70 p-6 pt-5", r), ...t })
 );
-Er.displayName = "CardFooter";
-const Vr = {
+Zr.displayName = "CardFooter";
+const _r = {
   sm: "max-w-xl",
   md: "max-w-3xl",
   lg: "max-w-5xl",
   xl: "max-w-6xl"
-}, F = P(
-  ({ className: r, as: t, size: o = "xl", gutters: l = !0, ...c }, a) => /* @__PURE__ */ e(
+}, D = L(
+  ({ className: r, as: t, size: o = "xl", gutters: l = !0, ...c }, i) => /* @__PURE__ */ e(
     t ?? "div",
     {
-      ref: a,
-      className: i(
+      ref: i,
+      className: a(
         "mx-auto w-full",
-        o !== "full" && Vr[o],
+        o !== "full" && _r[o],
         l && "px-5 sm:px-8",
         r
       ),
@@ -2495,8 +2523,8 @@ const Vr = {
     }
   )
 );
-F.displayName = "Container";
-const Fr = {
+D.displayName = "Container";
+const Jr = {
   0: "gap-0",
   1: "gap-1",
   2: "gap-2",
@@ -2509,42 +2537,42 @@ const Fr = {
   12: "gap-12",
   16: "gap-16",
   20: "gap-20"
-}, qr = P(
+}, Qr = L(
   ({ className: r, gap: t = 4, horizontal: o = !1, ...l }, c) => /* @__PURE__ */ e(
     "div",
     {
       ref: c,
-      className: i(
+      className: a(
         "flex",
         o ? "flex-row flex-wrap items-center" : "flex-col",
-        Fr[t],
+        Jr[t],
         r
       ),
       ...l
     }
   )
 );
-qr.displayName = "Stack";
-const ie = "inline-flex items-center gap-2 text-xs font-semibold tracking-[0.18em] uppercase", Hr = {
-  caps: i(ie, "text-foreground/50"),
-  soft: i(
-    ie,
+Qr.displayName = "Stack";
+const ue = "inline-flex items-center gap-2 text-xs font-semibold tracking-[0.18em] uppercase", Xr = {
+  caps: a(ue, "text-foreground/50"),
+  soft: a(
+    ue,
     "rounded-full px-3 py-1 text-primary tracking-widest bg-primary-soft uppercase"
   ),
-  plain: i(ie, "text-primary")
-}, $e = P(
-  ({ className: r, eyebrow: t, eyebrowStyle: o = "caps", title: l, description: c, align: a = "center", children: s, ...d }, u) => /* @__PURE__ */ n(
+  plain: a(ue, "text-primary")
+}, We = L(
+  ({ className: r, eyebrow: t, eyebrowStyle: o = "caps", title: l, description: c, align: i = "center", children: s, ...d }, u) => /* @__PURE__ */ n(
     "div",
     {
       ref: u,
-      className: i(
+      className: a(
         "mb-14 max-w-2xl",
-        a === "center" && "mx-auto text-center",
+        i === "center" && "mx-auto text-center",
         r
       ),
       ...d,
       children: [
-        t ? /* @__PURE__ */ e("p", { className: Hr[o], children: t }) : null,
+        t ? /* @__PURE__ */ e("p", { className: Xr[o], children: t }) : null,
         l ? /* @__PURE__ */ e("h2", { className: "mt-5 font-display text-balance text-[1.9rem] font-semibold leading-[1.08] tracking-tight text-foreground sm:text-4xl", children: l }) : null,
         c ? /* @__PURE__ */ e("p", { className: "mt-4 text-pretty text-base leading-7 text-muted-foreground sm:text-lg", children: c }) : null,
         s
@@ -2552,31 +2580,31 @@ const ie = "inline-flex items-center gap-2 text-xs font-semibold tracking-[0.18e
     }
   )
 );
-$e.displayName = "SectionHeader";
-const Or = {
+We.displayName = "SectionHeader";
+const et = {
   sm: "py-14",
   md: "py-20 sm:py-24",
   lg: "py-24 sm:py-32"
-}, _r = P(
+}, rt = L(
   ({
     className: r,
     containerClassName: t,
     size: o = "md",
     eyebrow: l,
     eyebrowStyle: c,
-    title: a,
+    title: i,
     description: s,
     align: d = "center",
     children: u,
-    id: f,
-    ...g
-  }, m) => /* @__PURE__ */ e("section", { ref: m, id: f, className: i("w-full", Or[o], r), ...g, children: /* @__PURE__ */ n(F, { className: t, children: [
-    l || a || s ? /* @__PURE__ */ e(
-      $e,
+    id: p,
+    ...h
+  }, m) => /* @__PURE__ */ e("section", { ref: m, id: p, className: a("w-full", et[o], r), ...h, children: /* @__PURE__ */ n(D, { className: t, children: [
+    l || i || s ? /* @__PURE__ */ e(
+      We,
       {
         eyebrow: l,
         eyebrowStyle: c,
-        title: a,
+        title: i,
         description: s,
         align: d
       }
@@ -2584,47 +2612,47 @@ const Or = {
     u
   ] }) })
 );
-_r.displayName = "Section";
-function ve(r) {
+rt.displayName = "Section";
+function ze(r) {
   return typeof window > "u" ? "" : window.getComputedStyle(document.documentElement).getPropertyValue(r).trim();
 }
-function he(r, t = "#ffffff") {
-  const [o, l] = L(() => {
-    const c = ve(r);
-    return c ? R(c) : t;
+function ke(r, t = "#ffffff") {
+  const [o, l] = V(() => {
+    const c = ze(r);
+    return c ? $(c) : t;
   });
-  return qe(() => {
+  return _(() => {
     const c = () => {
-      const s = ve(r);
-      l(s ? R(s) : t);
+      const s = ze(r);
+      l(s ? $(s) : t);
     };
     c();
-    const a = new MutationObserver(c);
-    return a.observe(document.documentElement, {
+    const i = new MutationObserver(c);
+    return i.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["style", "class"]
-    }), () => a.disconnect();
+    }), () => i.disconnect();
   }, [r, t]), o;
 }
-const Ne = "font-display font-semibold tracking-[-0.03em] text-balance text-foreground", Ur = P(
-  ({ className: r, variant: t = "split", eyebrow: o, title: l, description: c, primaryAction: a, secondaryAction: s, media: d, meta: u, id: f, ...g }, m) => {
-    const x = t === "centered", h = he(t === "statement" ? "--color-secondary" : "--color-primary"), y = "relative mx-auto flex w-full max-w-6xl flex-col items-center px-5 sm:px-8", b = typeof o == "string" ? /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-primary", children: o }) : o ? /* @__PURE__ */ e("div", { children: o }) : null, C = a || s ? /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-4", children: [
-      a,
+const Ae = "font-display font-semibold tracking-[-0.03em] text-balance text-foreground", tt = L(
+  ({ className: r, variant: t = "split", eyebrow: o, title: l, description: c, primaryAction: i, secondaryAction: s, media: d, meta: u, id: p, ...h }, m) => {
+    const v = t === "centered", f = ke(t === "statement" ? "--color-secondary" : "--color-primary"), x = "relative mx-auto flex w-full max-w-6xl flex-col items-center px-5 sm:px-8", b = typeof o == "string" ? /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-[0.2em] text-primary", children: o }) : o ? /* @__PURE__ */ e("div", { children: o }) : null, N = i || s ? /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-4", children: [
+      i,
       s
     ] }) : null;
     return t === "split" ? /* @__PURE__ */ e(
       "section",
       {
         ref: m,
-        id: f,
-        className: i("relative w-full border-b border-border bg-background", r),
-        ...g,
-        children: /* @__PURE__ */ n("div", { className: i(y, "items-start gap-14 pt-20 pb-20 sm:pt-28 sm:pb-28 lg:grid lg:grid-cols-[1.05fr_0.95fr] lg:gap-20"), children: [
+        id: p,
+        className: a("relative w-full border-b border-border bg-background", r),
+        ...h,
+        children: /* @__PURE__ */ n("div", { className: a(x, "items-start gap-14 pt-20 pb-20 sm:pt-28 sm:pb-28 lg:grid lg:grid-cols-[1.05fr_0.95fr] lg:gap-20"), children: [
           /* @__PURE__ */ n("div", { className: "max-w-xl", children: [
             b,
-            /* @__PURE__ */ e("h1", { className: i(Ne, "mt-6 text-5xl leading-[1.03] sm:text-6xl lg:text-7xl"), children: l }),
+            /* @__PURE__ */ e("h1", { className: a(Ae, "mt-6 text-5xl leading-[1.03] sm:text-6xl lg:text-7xl"), children: l }),
             c ? /* @__PURE__ */ e("p", { className: "mt-7 max-w-md text-pretty leading-relaxed text-muted-foreground sm:text-lg", children: c }) : null,
-            C ? /* @__PURE__ */ e("div", { className: "mt-10", children: C }) : null,
+            N ? /* @__PURE__ */ e("div", { className: "mt-10", children: N }) : null,
             u ? /* @__PURE__ */ e("ul", { className: "mt-14 flex flex-wrap items-center gap-x-8 gap-y-3 border-t border-border pt-6", children: u.map((w) => /* @__PURE__ */ n("li", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
               w.icon ? /* @__PURE__ */ e("span", { className: "text-foreground/35", children: w.icon }) : null,
               w.label
@@ -2633,24 +2661,24 @@ const Ne = "font-display font-semibold tracking-[-0.03em] text-balance text-fore
           d ? /* @__PURE__ */ e("div", { className: "w-full self-center", children: d }) : null
         ] })
       }
-    ) : x ? /* @__PURE__ */ e(
+    ) : v ? /* @__PURE__ */ e(
       "section",
       {
         ref: m,
-        id: f,
-        className: i("relative w-full border-b border-border bg-background", r),
-        ...g,
-        children: /* @__PURE__ */ n("div", { className: i(y, "pt-24 pb-20 text-center sm:pt-32 sm:pb-24"), children: [
+        id: p,
+        className: a("relative w-full border-b border-border bg-background", r),
+        ...h,
+        children: /* @__PURE__ */ n("div", { className: a(x, "pt-24 pb-20 text-center sm:pt-32 sm:pb-24"), children: [
           b,
-          /* @__PURE__ */ e("h1", { className: i(Ne, "mt-7 max-w-4xl text-5xl leading-[1.04] sm:text-6xl lg:text-7xl"), children: l }),
+          /* @__PURE__ */ e("h1", { className: a(Ae, "mt-7 max-w-4xl text-5xl leading-[1.04] sm:text-6xl lg:text-7xl"), children: l }),
           c ? /* @__PURE__ */ e("p", { className: "mx-auto mt-7 max-w-xl text-pretty leading-relaxed text-muted-foreground sm:text-lg", children: c }) : null,
-          C ? /* @__PURE__ */ e("div", { className: "mt-10 justify-center", children: C }) : null,
-          u ? /* @__PURE__ */ e("ul", { className: "mt-14 flex flex-wrap items-center justify-center gap-x-9 gap-y-3", children: u.map((w, B) => /* @__PURE__ */ n(
+          N ? /* @__PURE__ */ e("div", { className: "mt-10 justify-center", children: N }) : null,
+          u ? /* @__PURE__ */ e("ul", { className: "mt-14 flex flex-wrap items-center justify-center gap-x-9 gap-y-3", children: u.map((w, E) => /* @__PURE__ */ n(
             "li",
             {
-              className: i(
+              className: a(
                 "flex items-center gap-2 text-sm text-muted-foreground",
-                B > 0 && "sm:border-l sm:border-border sm:pl-9"
+                E > 0 && "sm:border-l sm:border-border sm:pl-9"
               ),
               children: [
                 w.icon ? /* @__PURE__ */ e("span", { className: "text-foreground/35", children: w.icon }) : null,
@@ -2666,25 +2694,25 @@ const Ne = "font-display font-semibold tracking-[-0.03em] text-balance text-fore
       "section",
       {
         ref: m,
-        id: f,
-        className: i("relative w-full overflow-hidden bg-secondary", r),
-        style: { color: h },
-        ...g,
+        id: p,
+        className: a("relative w-full overflow-hidden bg-secondary", r),
+        style: { color: f },
+        ...h,
         children: [
           /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 grain opacity-[0.07] mix-blend-overlay" }),
           /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-x-0 top-0 h-px bg-white/10" }),
-          /* @__PURE__ */ n("div", { className: i(y, "pt-28 pb-24 text-center sm:pt-36 sm:pb-32"), children: [
+          /* @__PURE__ */ n("div", { className: a(x, "pt-28 pb-24 text-center sm:pt-36 sm:pb-32"), children: [
             /* @__PURE__ */ e(
               "h1",
               {
                 className: "max-w-5xl font-display text-[2.9rem] font-semibold leading-[1.02] tracking-[-0.04em] text-balance sm:text-7xl lg:text-8xl",
-                style: { color: h },
+                style: { color: f },
                 children: l
               }
             ),
-            c ? /* @__PURE__ */ e("p", { className: "mx-auto mt-8 max-w-xl text-pretty leading-relaxed sm:text-lg", style: { color: h, opacity: 0.72 }, children: c }) : null,
-            C ? /* @__PURE__ */ e("div", { className: "mt-11 justify-center", children: C }) : null,
-            u ? /* @__PURE__ */ e("ul", { className: "mt-16 flex flex-wrap items-center justify-center gap-x-10 gap-y-3", children: u.map((w) => /* @__PURE__ */ n("li", { className: "flex items-center gap-2 text-sm font-medium", style: { color: h, opacity: 0.72 }, children: [
+            c ? /* @__PURE__ */ e("p", { className: "mx-auto mt-8 max-w-xl text-pretty leading-relaxed sm:text-lg", style: { color: f, opacity: 0.72 }, children: c }) : null,
+            N ? /* @__PURE__ */ e("div", { className: "mt-11 justify-center", children: N }) : null,
+            u ? /* @__PURE__ */ e("ul", { className: "mt-16 flex flex-wrap items-center justify-center gap-x-10 gap-y-3", children: u.map((w) => /* @__PURE__ */ n("li", { className: "flex items-center gap-2 text-sm font-medium", style: { color: f, opacity: 0.72 }, children: [
               w.icon ? /* @__PURE__ */ e("span", { children: w.icon }) : null,
               w.label
             ] }, w.label)) }) : null
@@ -2694,8 +2722,8 @@ const Ne = "font-display font-semibold tracking-[-0.03em] text-balance text-fore
     );
   }
 );
-Ur.displayName = "Hero";
-const k = {
+tt.displayName = "Hero";
+const C = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "none",
@@ -2704,82 +2732,82 @@ const k = {
   strokeLinecap: "round",
   strokeLinejoin: "round",
   "aria-hidden": !0
-}, W = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+}, X = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M5 12h14" }),
   /* @__PURE__ */ e("path", { d: "m13 6 6 6-6 6" })
-] }), Wr = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), ot = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M7 17 17 7" }),
   /* @__PURE__ */ e("path", { d: "M8 7h9v9" })
-] }), Yr = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), nt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M12 5v14" }),
   /* @__PURE__ */ e("path", { d: "m6 13 6 6 6-6" })
-] }), Qr = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), lt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M12 19V5" }),
   /* @__PURE__ */ e("path", { d: "m6 11 6-6 6 6" })
-] }), le = (r) => /* @__PURE__ */ e("svg", { ...k, ...r, children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), we = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), ee = (r) => /* @__PURE__ */ e("svg", { ...C, ...r, children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), Te = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M12 5v14" }),
   /* @__PURE__ */ e("path", { d: "M5 12h14" })
-] }), Ge = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Ce = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
   /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
-] }), Ee = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Ke = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M4 7h16" }),
   /* @__PURE__ */ e("path", { d: "M4 12h16" }),
   /* @__PURE__ */ e("path", { d: "M4 17h16" })
-] }), ke = (r) => /* @__PURE__ */ e("svg", { ...k, ...r, children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }), Dr = (r) => /* @__PURE__ */ e("svg", { ...k, ...r, children: /* @__PURE__ */ e("path", { d: "m9 6 6 6-6 6" }) }), Jr = (r) => /* @__PURE__ */ e("svg", { ...k, ...r, children: /* @__PURE__ */ e("path", { d: "m15 6-6 6 6 6" }) }), Mt = (r) => /* @__PURE__ */ e("svg", { ...k, ...r, children: /* @__PURE__ */ e("path", { d: "M13 2 3 14h7l-1 8 10-12h-7l1-8z" }) }), jt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), be = (r) => /* @__PURE__ */ e("svg", { ...C, ...r, children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) }), st = (r) => /* @__PURE__ */ e("svg", { ...C, ...r, children: /* @__PURE__ */ e("path", { d: "m9 6 6 6-6 6" }) }), at = (r) => /* @__PURE__ */ e("svg", { ...C, ...r, children: /* @__PURE__ */ e("path", { d: "m15 6-6 6 6 6" }) }), $t = (r) => /* @__PURE__ */ e("svg", { ...C, ...r, children: /* @__PURE__ */ e("path", { d: "M13 2 3 14h7l-1 8 10-12h-7l1-8z" }) }), Ht = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M12 3 5 6v5c0 4.5 3 7.5 7 9 4-1.5 7-4.5 7-9V6l-7-3z" }),
   /* @__PURE__ */ e("path", { d: "m9 12 2 2 4-4" })
-] }), zt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Ot = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "m12 2 9 5-9 5-9-5 9-5z" }),
   /* @__PURE__ */ e("path", { d: "m3 12 9 5 9-5" }),
   /* @__PURE__ */ e("path", { d: "m3 17 9 5 9-5" })
-] }), St = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Ut = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("rect", { width: "14", height: "20", x: "5", y: "2", rx: "2.5" }),
   /* @__PURE__ */ e("path", { d: "M12 18h.01" })
-] }), At = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Wt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16z" }),
   /* @__PURE__ */ e("path", { d: "m12 14 4-4" }),
   /* @__PURE__ */ e("path", { d: "M12 10.5 9 13.5" })
-] }), Pt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Kt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M3 20h18" }),
   /* @__PURE__ */ e("path", { d: "M7 20V8" }),
   /* @__PURE__ */ e("path", { d: "M12 20V4" }),
   /* @__PURE__ */ e("path", { d: "M17 20v-7" })
-] }), Tt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Dt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2" }),
   /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
   /* @__PURE__ */ e("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
   /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
-] }), Xr = (r) => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, ...r, children: /* @__PURE__ */ e("path", { d: "M12 2.5c.33 0 .63.19.77.5l1.98 4.01 4.42.64c.62.09.87.85.42 1.29l-3.2 3.12.76 4.4c.11.62-.55 1.1-1.1.8L12 15.13l-3.95 2.08c-.56.29-1.21-.18-1.1-.8l.76-4.4-3.2-3.12a.78.78 0 0 1 .42-1.29l4.42-.64L11.23 3c.14-.31.44-.5.77-.5z" }) }), Ve = (r) => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, ...r, children: /* @__PURE__ */ e("path", { d: "M10.5 5C7 5 4.5 7.5 4.5 11c0 3.3 2.2 5.5 5.2 5.5.2 0 .4 0 .5-.1-.2 1.5-1.3 2.6-2.9 3.2a.75.75 0 1 0 .4 1.4c3.6-1 5.8-3.8 5.8-7.7V7.5C13 6.1 11.9 5 10.5 5zm9 0C16 5 13.5 7.5 13.5 11c0 3.3 2.2 5.5 5.2 5.5.2 0 .4 0 .5-.1-.2 1.5-1.3 2.6-2.9 3.2a.75.75 0 1 0 .4 1.4c3.6-1 5.8-3.8 5.8-7.7V7.5C22 6.1 20.9 5 19.5 5z" }) }), It = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), it = (r) => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, ...r, children: /* @__PURE__ */ e("path", { d: "M12 2.5c.33 0 .63.19.77.5l1.98 4.01 4.42.64c.62.09.87.85.42 1.29l-3.2 3.12.76 4.4c.11.62-.55 1.1-1.1.8L12 15.13l-3.95 2.08c-.56.29-1.21-.18-1.1-.8l.76-4.4-3.2-3.12a.78.78 0 0 1 .42-1.29l4.42-.64L11.23 3c.14-.31.44-.5.77-.5z" }) }), De = (r) => /* @__PURE__ */ e("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, ...r, children: /* @__PURE__ */ e("path", { d: "M10.5 5C7 5 4.5 7.5 4.5 11c0 3.3 2.2 5.5 5.2 5.5.2 0 .4 0 .5-.1-.2 1.5-1.3 2.6-2.9 3.2a.75.75 0 1 0 .4 1.4c3.6-1 5.8-3.8 5.8-7.7V7.5C13 6.1 11.9 5 10.5 5zm9 0C16 5 13.5 7.5 13.5 11c0 3.3 2.2 5.5 5.2 5.5.2 0 .4 0 .5-.1-.2 1.5-1.3 2.6-2.9 3.2a.75.75 0 1 0 .4 1.4c3.6-1 5.8-3.8 5.8-7.7V7.5C22 6.1 20.9 5 19.5 5z" }) }), Le = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9" }),
   /* @__PURE__ */ e("path", { d: "M3 12h18" }),
   /* @__PURE__ */ e("path", { d: "M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18z" })
-] }), Zr = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), ct = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("rect", { width: "18", height: "14", x: "3", y: "5", rx: "2" }),
   /* @__PURE__ */ e("path", { d: "m3 7 9 6 9-6" })
-] }), Bt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Yt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2" }),
   /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
-] }), Lt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), qt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9" }),
   /* @__PURE__ */ e("path", { d: "M12 7v5l3 2" })
-] }), Rt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Zt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M12 2v20" }),
   /* @__PURE__ */ e("path", { d: "M17 5.5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })
-] }), $t = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), _t = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "m16 18 6-6-6-6" }),
   /* @__PURE__ */ e("path", { d: "m8 6-6 6 6 6" })
-] }), Gt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Jt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "m5 17 5-5-5-5" }),
   /* @__PURE__ */ e("path", { d: "M13 19h6" })
-] }), Et = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Qt = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "m3 11 18-8-7 18-3-7-8-3z" }),
   /* @__PURE__ */ e("path", { d: "M11 14 21 3" })
-] }), Vt = (r) => /* @__PURE__ */ e("svg", { ...k, ...r, children: /* @__PURE__ */ e("path", { d: "m8 5 11 7-11 7V5z" }) }), Ft = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), Xt = (r) => /* @__PURE__ */ e("svg", { ...C, ...r, children: /* @__PURE__ */ e("path", { d: "m8 5 11 7-11 7V5z" }) }), eo = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M15 3h6v6" }),
   /* @__PURE__ */ e("path", { d: "M10 14 21 3" }),
   /* @__PURE__ */ e("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
-] }), qt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), ro = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M4 6h10" }),
   /* @__PURE__ */ e("path", { d: "M18 6h2" }),
   /* @__PURE__ */ e("circle", { cx: "16", cy: "6", r: "2" }),
@@ -2789,81 +2817,83 @@ const k = {
   /* @__PURE__ */ e("path", { d: "M4 18h10" }),
   /* @__PURE__ */ e("path", { d: "M18 18h2" }),
   /* @__PURE__ */ e("circle", { cx: "16", cy: "18", r: "2" })
-] }), Ht = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), to = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("ellipse", { cx: "12", cy: "5", rx: "8", ry: "3" }),
   /* @__PURE__ */ e("path", { d: "M4 5v7c0 1.66 3.58 3 8 3s8-1.34 8-3V5" }),
   /* @__PURE__ */ e("path", { d: "M4 12v7c0 1.66 3.58 3 8 3s8-1.34 8-3v-7" })
-] }), Ot = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), oo = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M21 8 12 3 3 8v8l9 5 9-5V8z" }),
   /* @__PURE__ */ e("path", { d: "m3 8 9 5 9-5" }),
   /* @__PURE__ */ e("path", { d: "M12 13v8" })
-] }), _t = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), no = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("rect", { width: "16", height: "16", x: "4", y: "4", rx: "2" }),
   /* @__PURE__ */ e("rect", { width: "8", height: "8", x: "8", y: "8", rx: "1" }),
   /* @__PURE__ */ e("path", { d: "M9 2v2M15 2v2M9 20v2M15 20v2M2 9h2M2 15h2M20 9h2M20 15h2" })
-] }), Ut = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), lo = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M12 3a9 9 0 1 0 0 18c1.66 0 2-1.34 2-2 0-.66-.27-1.16-.58-1.66-.3-.48-.42-.84-.42-1.34 0-.83.67-1.5 1.5-1.5h3.2A4.3 4.3 0 0 0 21 10 9 9 0 0 0 12 3z" }),
   /* @__PURE__ */ e("circle", { cx: "7.5", cy: "10.5", r: "0.8", fill: "currentColor", stroke: "none" }),
   /* @__PURE__ */ e("circle", { cx: "12", cy: "7.5", r: "0.8", fill: "currentColor", stroke: "none" }),
   /* @__PURE__ */ e("circle", { cx: "16.5", cy: "10.5", r: "0.8", fill: "currentColor", stroke: "none" })
-] }), Wt = (r) => /* @__PURE__ */ n("svg", { ...k, ...r, children: [
+] }), so = (r) => /* @__PURE__ */ n("svg", { ...C, ...r, children: [
   /* @__PURE__ */ e("path", { d: "M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z" }),
   /* @__PURE__ */ e("path", { d: "m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z" }),
   /* @__PURE__ */ e("path", { d: "M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0" }),
   /* @__PURE__ */ e("path", { d: "M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5" }),
   /* @__PURE__ */ e("circle", { cx: "15.5", cy: "8.5", r: "1.5", fill: "currentColor", stroke: "none" })
-] }), Kr = {
+] }), dt = {
   classic: "text-muted-foreground hover:text-foreground",
   floating: "text-muted-foreground hover:text-foreground",
   inverse: "text-on-secondary/60 hover:text-on-secondary"
-}, et = ({
+}, mt = ({
   className: r,
   variant: t = "classic",
   brand: o,
   logo: l,
   logoSrc: c,
-  logoAlt: a,
+  logoAlt: i,
   logoClassName: s,
   brandHref: d = "#",
   links: u,
-  actions: f,
-  cta: g,
-  sticky: m = !0,
-  ...x
+  actions: p,
+  cta: h,
+  languageSwitcher: m,
+  sticky: v = !0,
+  LinkComponent: g,
+  ...f
 }) => {
-  const [p, h] = L(!1), y = t === "inverse", b = i(
+  const [x, b] = V(!1), N = t === "inverse", w = g ?? "a", E = a(
     "w-full transition-colors duration-200",
-    m && "sticky top-0 z-50",
+    v && "sticky top-0 z-50",
     t === "classic" && "border-b border-border bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/75",
     t === "floating" && "px-0",
     t === "inverse" && "border-b border-white/10 bg-[#101010]/85 backdrop-blur-md"
-  ), C = i(
+  ), B = a(
     "flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200",
     t === "floating" && "mx-auto mt-3 max-w-5xl rounded-xl border border-border bg-surface/90 px-5 shadow-soft backdrop-blur-md supports-[backdrop-filter]:bg-surface/70",
     t === "classic" && "mx-auto max-w-6xl px-5 sm:px-8",
     t === "inverse" && "mx-auto max-w-6xl px-5 sm:px-8"
-  ), w = l ?? (c ? /* @__PURE__ */ e(
+  ), M = l ?? (c ? /* @__PURE__ */ e(
     "img",
     {
       src: c,
-      alt: a ?? (typeof o == "string" ? o : "Logo"),
-      className: i("h-7 w-auto", s)
+      alt: i ?? (typeof o == "string" ? o : "Logo"),
+      className: a("h-7 w-auto", s)
     }
-  ) : null), B = w ? /* @__PURE__ */ e("span", { className: "flex items-center", children: w }) : /* @__PURE__ */ n(
+  ) : null), I = M ? /* @__PURE__ */ e("span", { className: "flex items-center", children: M }) : /* @__PURE__ */ n(
     "span",
     {
-      className: i(
+      className: a(
         "flex items-center gap-2 font-display text-[17px] font-bold tracking-tight",
-        y ? "text-on-secondary" : "text-foreground"
+        N ? "text-on-secondary" : "text-foreground"
       ),
       children: [
         /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": !0,
-            className: i(
+            className: a(
               "inline-block h-2.5 w-2.5 rounded-sm",
-              y ? "bg-on-secondary" : "bg-foreground"
+              N ? "bg-on-secondary" : "bg-foreground"
             )
           }
         ),
@@ -2871,200 +2901,203 @@ const k = {
       ]
     }
   );
-  return /* @__PURE__ */ n("header", { className: i(b, t === "floating" && "px-3 sm:px-6", r), ...x, children: [
-    /* @__PURE__ */ n("nav", { className: C, "aria-label": "Main navigation", children: [
-      /* @__PURE__ */ e("a", { href: d, className: "shrink-0", children: B }),
-      /* @__PURE__ */ e("ul", { className: "hidden items-center gap-7 md:flex", children: u.map((T) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        "a",
+  return /* @__PURE__ */ n("header", { className: a(E, t === "floating" && "px-3 sm:px-6", r), ...f, children: [
+    /* @__PURE__ */ n("nav", { className: B, "aria-label": "Main navigation", children: [
+      /* @__PURE__ */ e(w, { href: d, className: "shrink-0", children: I }),
+      /* @__PURE__ */ e("ul", { className: "hidden items-center gap-7 md:flex", children: u.map((z) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+        w,
         {
-          href: T.href,
-          className: i(
+          href: z.href,
+          className: a(
             "text-sm font-medium transition-colors duration-150",
-            Kr[t]
+            dt[t]
           ),
-          children: T.label
+          children: z.label
         }
-      ) }, T.href)) }),
+      ) }, z.href)) }),
       /* @__PURE__ */ n("div", { className: "hidden items-center gap-3 md:flex", children: [
-        f,
-        g
+        m,
+        p,
+        h
       ] }),
+      m ? /* @__PURE__ */ e("div", { className: "flex items-center md:hidden", children: m }) : null,
       /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          "aria-label": p ? "Close menu" : "Open menu",
-          "aria-expanded": p,
-          onClick: () => h((T) => !T),
-          className: i(
+          "aria-label": x ? "Close menu" : "Open menu",
+          "aria-expanded": x,
+          onClick: () => b((z) => !z),
+          className: a(
             "inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md md:hidden",
             "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-            y ? "text-on-secondary hover:bg-white/10" : "text-foreground hover:bg-surface"
+            N ? "text-on-secondary hover:bg-white/10" : "text-foreground hover:bg-surface"
           ),
-          children: p ? /* @__PURE__ */ e(Ge, { className: "h-5 w-5" }) : /* @__PURE__ */ e(Ee, { className: "h-5 w-5" })
+          children: x ? /* @__PURE__ */ e(Ce, { className: "h-5 w-5" }) : /* @__PURE__ */ e(Ke, { className: "h-5 w-5" })
         }
       )
     ] }),
     /* @__PURE__ */ e(
       "div",
       {
-        className: i(
+        className: a(
           "grid transition-[grid-template-rows,opacity] duration-200 md:hidden",
-          p ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
-          y ? "border-t border-white/10 bg-[#101010]" : t === "floating" ? "mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface" : "border-t border-border bg-background"
+          x ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
+          N ? "border-t border-white/10 bg-[#101010]" : t === "floating" ? "mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface" : "border-t border-border bg-background"
         ),
-        children: /* @__PURE__ */ e("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ n("ul", { className: i("flex flex-col py-4", t !== "floating" && "px-5"), children: [
-          u.map((T) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-            "a",
+        children: /* @__PURE__ */ e("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ n("ul", { className: a("flex flex-col py-4", t !== "floating" && "px-5"), children: [
+          u.map((z) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+            w,
             {
-              href: T.href,
-              onClick: () => h(!1),
-              className: i(
+              href: z.href,
+              onClick: () => b(!1),
+              className: a(
                 "block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
-                y ? "text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary" : "text-muted-foreground hover:bg-surface hover:text-foreground"
+                N ? "text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary" : "text-muted-foreground hover:bg-surface hover:text-foreground"
               ),
-              children: T.label
+              children: z.label
             }
-          ) }, T.href)),
-          g ? /* @__PURE__ */ e("li", { className: "mt-3 px-2 pb-2", children: g }) : f ? /* @__PURE__ */ e("li", { className: "mt-3 flex flex-wrap gap-3 px-2 pb-2", children: f }) : null
+          ) }, z.href)),
+          h ? /* @__PURE__ */ e("li", { className: "mt-3 px-2 pb-2", children: h }) : p ? /* @__PURE__ */ e("li", { className: "mt-3 flex flex-wrap gap-3 px-2 pb-2", children: p }) : null
         ] }) })
       }
     )
   ] });
 };
-et.displayName = "Navbar";
-const rt = {
+mt.displayName = "Navbar";
+const ut = {
   classic: "text-muted-foreground hover:text-foreground hover:bg-surface",
   floating: "text-muted-foreground hover:text-foreground hover:bg-surface",
   inverse: "text-on-secondary/60 hover:text-on-secondary hover:bg-white/10"
-}, tt = ({
+}, ft = ({
   className: r,
   variant: t = "classic",
   brand: o,
   logo: l,
   logoSrc: c,
-  logoAlt: a,
+  logoAlt: i,
   logoClassName: s,
   brandHref: d = "#",
   items: u,
-  actions: f,
-  cta: g,
+  actions: p,
+  cta: h,
   sticky: m = !0,
-  onKeyDown: x,
-  ...p
+  LinkComponent: v,
+  onKeyDown: g,
+  ...f
 }) => {
-  const h = He(), [y, b] = L(null), [C, w] = L(!1), [B, T] = L(null), I = t === "inverse", K = () => b(null), O = () => {
-    b(null), w(!1), T(null);
-  }, ee = I ? "border-white/10 bg-[#161616]" : "border-border bg-surface shadow-raised", _ = (v) => `${h}-panel-${v}`, Q = i(
+  const x = ce(), b = v ?? "a", [N, w] = V(null), [E, B] = V(!1), [M, I] = V(null), z = t === "inverse", S = () => w(null), G = () => {
+    w(null), B(!1), I(null);
+  }, F = z ? "border-white/10 bg-[#161616]" : "border-border bg-surface shadow-raised", H = (y) => `${x}-panel-${y}`, A = a(
     "relative w-full transition-colors duration-200",
     m && "sticky top-0 z-50",
     t === "classic" && "border-b border-border bg-background/85 backdrop-blur-md supports-[backdrop-filter]:bg-background/75",
     t === "inverse" && "border-b border-white/10 bg-[#101010]/85 backdrop-blur-md"
-  ), D = i(
+  ), le = a(
     "relative flex h-16 w-full items-center justify-between gap-4 transition-colors duration-200",
     t === "floating" && "mx-auto mt-3 max-w-5xl rounded-xl border border-border bg-surface/90 px-5 shadow-soft backdrop-blur-md supports-[backdrop-filter]:bg-surface/70",
     t !== "floating" && "mx-auto max-w-6xl px-5 sm:px-8"
-  ), M = l ?? (c ? /* @__PURE__ */ e(
+  ), Y = l ?? (c ? /* @__PURE__ */ e(
     "img",
     {
       src: c,
-      alt: a ?? (typeof o == "string" ? o : "Logo"),
-      className: i("h-7 w-auto", s)
+      alt: i ?? (typeof o == "string" ? o : "Logo"),
+      className: a("h-7 w-auto", s)
     }
-  ) : null), re = M ? /* @__PURE__ */ e("span", { className: "flex items-center", children: M }) : /* @__PURE__ */ n(
+  ) : null), se = Y ? /* @__PURE__ */ e("span", { className: "flex items-center", children: Y }) : /* @__PURE__ */ n(
     "span",
     {
-      className: i(
+      className: a(
         "flex items-center gap-2 font-display text-[17px] font-bold tracking-tight",
-        I ? "text-on-secondary" : "text-foreground"
+        z ? "text-on-secondary" : "text-foreground"
       ),
       children: [
         /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": !0,
-            className: i(
+            className: a(
               "inline-block h-2.5 w-2.5 rounded-sm",
-              I ? "bg-on-secondary" : "bg-foreground"
+              z ? "bg-on-secondary" : "bg-foreground"
             )
           }
         ),
         o
       ]
     }
-  ), q = i(
+  ), q = a(
     "flex items-center gap-1.5 rounded-md px-3 py-2 text-sm font-medium transition-colors duration-150",
-    rt[t]
-  ), J = (v) => {
-    var z;
+    ut[t]
+  ), te = (y) => {
+    var j;
     return /* @__PURE__ */ e(
       "div",
       {
-        className: i(
+        className: a(
           "grid gap-x-10 gap-y-8 sm:grid-cols-2",
-          v.featured ? "" : "lg:grid-cols-3"
+          y.featured ? "" : "lg:grid-cols-3"
         ),
-        children: (z = v.columns) == null ? void 0 : z.map((j, A) => /* @__PURE__ */ n("div", { children: [
-          j.title ? /* @__PURE__ */ e(
+        children: (j = y.columns) == null ? void 0 : j.map((P, R) => /* @__PURE__ */ n("div", { children: [
+          P.title ? /* @__PURE__ */ e(
             "h4",
             {
-              className: i(
+              className: a(
                 "text-xs font-semibold uppercase tracking-[0.14em]",
-                I ? "text-on-secondary/45" : "text-muted-foreground/70"
+                z ? "text-on-secondary/45" : "text-muted-foreground/70"
               ),
-              children: j.title
+              children: P.title
             }
           ) : null,
-          /* @__PURE__ */ e("ul", { className: i(j.title && "mt-3", "space-y-0.5"), children: j.links.map((G) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
-            "a",
+          /* @__PURE__ */ e("ul", { className: a(P.title && "mt-3", "space-y-0.5"), children: P.links.map((U) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(
+            b,
             {
-              href: G.href,
-              onClick: O,
-              className: i(
+              href: U.href,
+              onClick: G,
+              className: a(
                 "-mx-2 block rounded-md px-2 py-2 transition-colors duration-150",
-                I ? "hover:bg-white/10" : "hover:bg-surface-strong"
+                z ? "hover:bg-white/10" : "hover:bg-surface-strong"
               ),
               children: [
-                /* @__PURE__ */ e("span", { className: "block text-sm font-medium text-foreground", children: G.label }),
-                G.description ? /* @__PURE__ */ e(
+                /* @__PURE__ */ e("span", { className: "block text-sm font-medium text-foreground", children: U.label }),
+                U.description ? /* @__PURE__ */ e(
                   "span",
                   {
-                    className: i(
+                    className: a(
                       "mt-0.5 block text-[13px] leading-snug",
-                      I ? "text-on-secondary/50" : "text-muted-foreground"
+                      z ? "text-on-secondary/50" : "text-muted-foreground"
                     ),
-                    children: G.description
+                    children: U.description
                   }
                 ) : null
               ]
             }
-          ) }, G.href)) })
-        ] }, j.title ?? A))
+          ) }, U.href)) })
+        ] }, P.title ?? R))
       }
     );
-  }, H = (v, z = !1) => {
-    const j = v.featured;
-    if (!j) return null;
-    const A = j.accent ? { backgroundColor: j.accent, color: R(j.accent) } : void 0;
+  }, J = (y, j = !1) => {
+    const P = y.featured;
+    if (!P) return null;
+    const R = P.accent ? { backgroundColor: P.accent, color: $(P.accent) } : void 0;
     return /* @__PURE__ */ n(
-      "a",
+      b,
       {
-        href: j.href,
-        onClick: O,
-        className: i(
+        href: P.href,
+        onClick: G,
+        className: a(
           "group relative block overflow-hidden rounded-lg p-6 transition-transform duration-150 hover:-translate-y-0.5",
-          z && "mt-8",
-          !j.accent && "bg-primary text-on-primary"
+          j && "mt-8",
+          !P.accent && "bg-primary text-on-primary"
         ),
-        style: A,
+        style: R,
         children: [
           /* @__PURE__ */ n("div", { className: "flex h-full flex-col justify-between gap-4", children: [
             /* @__PURE__ */ n("div", { children: [
-              /* @__PURE__ */ e("h4", { className: "font-display text-base font-semibold tracking-tight", children: j.title }),
-              j.description ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-[13px] leading-relaxed opacity-80", children: j.description }) : null
+              /* @__PURE__ */ e("h4", { className: "font-display text-base font-semibold tracking-tight", children: P.title }),
+              P.description ? /* @__PURE__ */ e("p", { className: "mt-1.5 text-[13px] leading-relaxed opacity-80", children: P.description }) : null
             ] }),
-            j.cta ? /* @__PURE__ */ n("span", { className: "text-sm font-semibold underline decoration-1 underline-offset-4", children: [
-              j.cta,
+            P.cta ? /* @__PURE__ */ n("span", { className: "text-sm font-semibold underline decoration-1 underline-offset-4", children: [
+              P.cta,
               " →"
             ] }) : null
           ] }),
@@ -3078,151 +3111,151 @@ const rt = {
         ]
       }
     );
-  }, te = (v) => {
-    v.key === "Escape" && O(), x == null || x(v);
+  }, Z = (y) => {
+    y.key === "Escape" && G(), g == null || g(y);
   };
   return /* @__PURE__ */ n(
     "header",
     {
-      className: i(Q, t === "floating" && "px-3 sm:px-6", r),
-      onKeyDown: te,
-      ...p,
+      className: a(A, t === "floating" && "px-3 sm:px-6", r),
+      onKeyDown: Z,
+      ...f,
       children: [
-        /* @__PURE__ */ n("nav", { className: D, onMouseLeave: K, "aria-label": "Mega menu", children: [
-          /* @__PURE__ */ e("a", { href: d, className: "shrink-0", children: re }),
-          /* @__PURE__ */ e("ul", { className: "hidden items-center gap-1 lg:flex", children: u.map((v, z) => {
-            var G;
-            const j = !!((G = v.columns) != null && G.length || v.featured), A = y === z;
-            return /* @__PURE__ */ e("li", { className: "relative", children: j ? /* @__PURE__ */ n(
+        /* @__PURE__ */ n("nav", { className: le, onMouseLeave: S, "aria-label": "Mega menu", children: [
+          /* @__PURE__ */ e(b, { href: d, className: "shrink-0", children: se }),
+          /* @__PURE__ */ e("ul", { className: "hidden items-center gap-1 lg:flex", children: u.map((y, j) => {
+            var U;
+            const P = !!((U = y.columns) != null && U.length || y.featured), R = N === j;
+            return /* @__PURE__ */ e("li", { className: "relative", children: P ? /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
                 "aria-haspopup": "true",
-                "aria-expanded": A,
-                "aria-controls": _(z),
-                onClick: () => b(A ? null : z),
-                onMouseEnter: () => b(z),
-                className: i(
+                "aria-expanded": R,
+                "aria-controls": H(j),
+                onClick: () => w(R ? null : j),
+                onMouseEnter: () => w(j),
+                className: a(
                   q,
-                  A && (I ? "bg-white/10 text-on-secondary" : "bg-surface text-foreground")
+                  R && (z ? "bg-white/10 text-on-secondary" : "bg-surface text-foreground")
                 ),
                 children: [
                   /* @__PURE__ */ n("span", { className: "flex items-center gap-1.5", children: [
-                    v.label,
-                    v.badge ? /* @__PURE__ */ e(
+                    y.label,
+                    y.badge ? /* @__PURE__ */ e(
                       "span",
                       {
-                        className: i(
+                        className: a(
                           "rounded-full px-1.5 py-0.5 text-[10px] font-semibold tracking-wide",
-                          I ? "bg-white/15 text-on-secondary" : "bg-primary-soft text-primary"
+                          z ? "bg-white/15 text-on-secondary" : "bg-primary-soft text-primary"
                         ),
-                        children: v.badge
+                        children: y.badge
                       }
                     ) : null
                   ] }),
                   /* @__PURE__ */ e(
-                    ke,
+                    be,
                     {
-                      className: i(
+                      className: a(
                         "h-4 w-4 shrink-0 transition-transform duration-150",
-                        A && "rotate-180"
+                        R && "rotate-180"
                       )
                     }
                   )
                 ]
               }
-            ) : /* @__PURE__ */ n("a", { href: v.href ?? "#", className: q, children: [
-              v.label,
-              v.badge ? /* @__PURE__ */ e("span", { className: "rounded-full bg-primary-soft px-1.5 py-0.5 text-[10px] font-semibold tracking-wide text-primary", children: v.badge }) : null
-            ] }) }, v.label);
+            ) : /* @__PURE__ */ n(b, { href: y.href ?? "#", className: q, children: [
+              y.label,
+              y.badge ? /* @__PURE__ */ e("span", { className: "rounded-full bg-primary-soft px-1.5 py-0.5 text-[10px] font-semibold tracking-wide text-primary", children: y.badge }) : null
+            ] }) }, y.label);
           }) }),
           /* @__PURE__ */ n("div", { className: "hidden items-center gap-3 lg:flex", children: [
-            f,
-            g
+            p,
+            h
           ] }),
           /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": C ? "Close menu" : "Open menu",
-              "aria-expanded": C,
-              onClick: () => w((v) => !v),
-              className: i(
+              "aria-label": E ? "Close menu" : "Open menu",
+              "aria-expanded": E,
+              onClick: () => B((y) => !y),
+              className: a(
                 "inline-flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-md lg:hidden",
                 "transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-                I ? "text-on-secondary hover:bg-white/10" : "text-foreground hover:bg-surface"
+                z ? "text-on-secondary hover:bg-white/10" : "text-foreground hover:bg-surface"
               ),
-              children: C ? /* @__PURE__ */ e(Ge, { className: "h-5 w-5" }) : /* @__PURE__ */ e(Ee, { className: "h-5 w-5" })
+              children: E ? /* @__PURE__ */ e(Ce, { className: "h-5 w-5" }) : /* @__PURE__ */ e(Ke, { className: "h-5 w-5" })
             }
           )
         ] }),
-        u.map((v, z) => {
-          var A;
-          if (!((A = v.columns) != null && A.length) && !v.featured) return null;
-          const j = y === z;
+        u.map((y, j) => {
+          var R;
+          if (!((R = y.columns) != null && R.length) && !y.featured) return null;
+          const P = N === j;
           return /* @__PURE__ */ e(
             "div",
             {
-              id: _(z),
+              id: H(j),
               role: "region",
-              "aria-label": `${v.label} menu`,
-              onMouseEnter: () => b(z),
-              className: i(
+              "aria-label": `${y.label} menu`,
+              onMouseEnter: () => w(j),
+              className: a(
                 "absolute inset-x-0 top-full z-50 pt-2 transition-all duration-150",
-                j ? "visible translate-y-0 opacity-100" : "pointer-events-none invisible -translate-y-1 opacity-0"
+                P ? "visible translate-y-0 opacity-100" : "pointer-events-none invisible -translate-y-1 opacity-0"
               ),
               children: /* @__PURE__ */ n(
                 "div",
                 {
-                  className: i(
+                  className: a(
                     "overflow-hidden rounded-xl border p-6 md:p-8",
-                    ee,
-                    v.featured ? "lg:grid lg:grid-cols-[minmax(0,1fr)_auto] lg:gap-12" : ""
+                    F,
+                    y.featured ? "lg:grid lg:grid-cols-[minmax(0,1fr)_auto] lg:gap-12" : ""
                   ),
                   children: [
-                    J(v),
-                    v.featured && /* @__PURE__ */ e("div", { className: i("mt-8 max-w-sm lg:mt-0 lg:w-64"), children: H(v) })
+                    te(y),
+                    y.featured && /* @__PURE__ */ e("div", { className: a("mt-8 max-w-sm lg:mt-0 lg:w-64"), children: J(y) })
                   ]
                 }
               )
             },
-            v.label
+            y.label
           );
         }),
         /* @__PURE__ */ e(
           "div",
           {
-            className: i(
+            className: a(
               "grid transition-[grid-template-rows,opacity] duration-200 lg:hidden",
-              C ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
-              I ? "border-t border-white/10 bg-[#101010]" : t === "floating" ? "mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface" : "border-t border-border bg-background"
+              E ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
+              z ? "border-t border-white/10 bg-[#101010]" : t === "floating" ? "mx-3 mb-3 max-w-5xl overflow-hidden rounded-b-xl border border-border bg-surface" : "border-t border-border bg-background"
             ),
             children: /* @__PURE__ */ e("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ n("ul", { className: "flex flex-col py-4", children: [
               u.map(
-                (v, z) => {
-                  var j;
-                  return (j = v.columns) != null && j.length || v.featured ? /* @__PURE__ */ n("li", { className: "px-5", children: [
+                (y, j) => {
+                  var P;
+                  return (P = y.columns) != null && P.length || y.featured ? /* @__PURE__ */ n("li", { className: "px-5", children: [
                     /* @__PURE__ */ n(
                       "button",
                       {
                         type: "button",
-                        "aria-expanded": B === z,
-                        onClick: () => T((A) => A === z ? null : z),
-                        className: i(
+                        "aria-expanded": M === j,
+                        onClick: () => I((R) => R === j ? null : j),
+                        className: a(
                           "flex w-full items-center justify-between rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
-                          I ? "text-on-secondary hover:bg-white/10" : "text-foreground hover:bg-surface"
+                          z ? "text-on-secondary hover:bg-white/10" : "text-foreground hover:bg-surface"
                         ),
                         children: [
                           /* @__PURE__ */ n("span", { className: "flex items-center gap-2", children: [
-                            v.label,
-                            v.badge ? /* @__PURE__ */ e("span", { className: "rounded-full bg-primary-soft px-1.5 py-0.5 text-[10px] font-semibold tracking-wide text-primary", children: v.badge }) : null
+                            y.label,
+                            y.badge ? /* @__PURE__ */ e("span", { className: "rounded-full bg-primary-soft px-1.5 py-0.5 text-[10px] font-semibold tracking-wide text-primary", children: y.badge }) : null
                           ] }),
                           /* @__PURE__ */ e(
-                            ke,
+                            be,
                             {
-                              className: i(
+                              className: a(
                                 "h-4 w-4 shrink-0 transition-transform duration-150",
-                                B === z && "rotate-180"
+                                M === j && "rotate-180"
                               )
                             }
                           )
@@ -3232,31 +3265,31 @@ const rt = {
                     /* @__PURE__ */ e(
                       "div",
                       {
-                        className: i(
+                        className: a(
                           "grid transition-[grid-template-rows,opacity] duration-200",
-                          B === z ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
+                          M === j ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
                         ),
                         children: /* @__PURE__ */ e("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ n("div", { className: "py-2 pl-1", children: [
-                          J(v),
-                          v.featured ? /* @__PURE__ */ e("div", { className: "max-w-sm", children: H(v, !0) }) : null
+                          te(y),
+                          y.featured ? /* @__PURE__ */ e("div", { className: "max-w-sm", children: J(y, !0) }) : null
                         ] }) })
                       }
                     )
-                  ] }, v.label) : /* @__PURE__ */ e("li", { className: "px-5", children: /* @__PURE__ */ e(
-                    "a",
+                  ] }, y.label) : /* @__PURE__ */ e("li", { className: "px-5", children: /* @__PURE__ */ e(
+                    b,
                     {
-                      href: v.href ?? "#",
-                      onClick: () => w(!1),
-                      className: i(
+                      href: y.href ?? "#",
+                      onClick: () => B(!1),
+                      className: a(
                         "block rounded-md px-2 py-2.5 text-sm font-medium transition-colors duration-150",
-                        I ? "text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary" : "text-muted-foreground hover:bg-surface hover:text-foreground"
+                        z ? "text-on-secondary/70 hover:bg-white/10 hover:text-on-secondary" : "text-muted-foreground hover:bg-surface hover:text-foreground"
                       ),
-                      children: v.label
+                      children: y.label
                     }
-                  ) }, v.label);
+                  ) }, y.label);
                 }
               ),
-              g ? /* @__PURE__ */ e("li", { className: "px-8 pb-2 pt-3", children: g }) : f ? /* @__PURE__ */ e("li", { className: "mt-3 flex flex-wrap gap-3 px-8 pb-2", children: f }) : null
+              h ? /* @__PURE__ */ e("li", { className: "px-8 pb-2 pt-3", children: h }) : p ? /* @__PURE__ */ e("li", { className: "mt-3 flex flex-wrap gap-3 px-8 pb-2", children: p }) : null
             ] }) })
           }
         )
@@ -3264,45 +3297,45 @@ const rt = {
     }
   );
 };
-tt.displayName = "MegaMenu";
-const ot = ({ name: r }) => /* @__PURE__ */ e("span", { className: "text-lg font-semibold tracking-tight text-foreground/45 transition-colors duration-200 group-hover:text-foreground", children: r }), ce = ({ logo: r }) => r.src ? /* @__PURE__ */ e(
+ft.displayName = "MegaMenu";
+const pt = ({ name: r }) => /* @__PURE__ */ e("span", { className: "text-lg font-semibold tracking-tight text-foreground/45 transition-colors duration-200 group-hover:text-foreground", children: r }), fe = ({ logo: r }) => r.src ? /* @__PURE__ */ e(
   "img",
   {
     src: r.src,
     alt: r.name,
     loading: "lazy",
-    className: i(
+    className: a(
       "max-h-7 w-auto opacity-50 grayscale transition-all duration-200 group-hover:opacity-90 group-hover:grayscale-0",
       "h-7"
     )
   }
-) : /* @__PURE__ */ e(ot, { name: r.name }), nt = P(
-  ({ className: r, logos: t, title: o, option: l = "quiet", ...c }, a) => {
+) : /* @__PURE__ */ e(pt, { name: r.name }), gt = L(
+  ({ className: r, logos: t, title: o, option: l = "quiet", ...c }, i) => {
     if (l === "marquee") {
       const s = [...t, ...t];
-      return /* @__PURE__ */ n("div", { ref: a, className: i("w-full overflow-hidden", r), ...c, children: [
+      return /* @__PURE__ */ n("div", { ref: i, className: a("w-full overflow-hidden", r), ...c, children: [
         o ? /* @__PURE__ */ e("p", { className: "mb-8 text-center text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: o }) : null,
-        /* @__PURE__ */ e("div", { className: "mask-fade-x", children: /* @__PURE__ */ e("div", { className: "flex w-max animate-marquee gap-14 pr-14 motion-reduce:animate-none", children: s.map((d, u) => /* @__PURE__ */ e("div", { className: "group shrink-0", children: /* @__PURE__ */ e(ce, { logo: d }) }, `${d.name}-${u}`)) }) })
+        /* @__PURE__ */ e("div", { className: "mask-fade-x", children: /* @__PURE__ */ e("div", { className: "flex w-max animate-marquee gap-14 pr-14 motion-reduce:animate-none", children: s.map((d, u) => /* @__PURE__ */ e("div", { className: "group shrink-0", children: /* @__PURE__ */ e(fe, { logo: d }) }, `${d.name}-${u}`)) }) })
       ] });
     }
-    return l === "strip" ? /* @__PURE__ */ n("div", { ref: a, className: i("w-full", r), ...c, children: [
+    return l === "strip" ? /* @__PURE__ */ n("div", { ref: i, className: a("w-full", r), ...c, children: [
       o ? /* @__PURE__ */ e("p", { className: "mb-8 text-center text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: o }) : null,
-      /* @__PURE__ */ e("ul", { className: "flex flex-wrap items-center justify-center gap-x-10 gap-y-4 rounded-2xl border border-border bg-surface px-6 py-7 sm:gap-x-14", children: t.map((s) => /* @__PURE__ */ e("li", { className: "group", children: /* @__PURE__ */ e(ce, { logo: s }) }, s.name)) })
-    ] }) : /* @__PURE__ */ n("div", { ref: a, className: i("w-full", r), ...c, children: [
+      /* @__PURE__ */ e("ul", { className: "flex flex-wrap items-center justify-center gap-x-10 gap-y-4 rounded-2xl border border-border bg-surface px-6 py-7 sm:gap-x-14", children: t.map((s) => /* @__PURE__ */ e("li", { className: "group", children: /* @__PURE__ */ e(fe, { logo: s }) }, s.name)) })
+    ] }) : /* @__PURE__ */ n("div", { ref: i, className: a("w-full", r), ...c, children: [
       o ? /* @__PURE__ */ e("p", { className: "mb-8 text-center text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: o }) : null,
-      /* @__PURE__ */ e("ul", { className: "flex flex-wrap items-center justify-center gap-x-12 gap-y-6", children: t.map((s) => /* @__PURE__ */ e("li", { className: "group", children: /* @__PURE__ */ e(ce, { logo: s }) }, s.name)) })
+      /* @__PURE__ */ e("ul", { className: "flex flex-wrap items-center justify-center gap-x-12 gap-y-6", children: t.map((s) => /* @__PURE__ */ e("li", { className: "group", children: /* @__PURE__ */ e(fe, { logo: s }) }, s.name)) })
     ] });
   }
 );
-nt.displayName = "LogoCloud";
-const ge = P(
-  ({ className: r, icon: t, title: o, description: l, accent: c, large: a = !1, ...s }, d) => {
-    const u = c ? { backgroundColor: c, color: R(c, "#111111", "#ffffff") } : void 0;
+gt.displayName = "LogoCloud";
+const ve = L(
+  ({ className: r, icon: t, title: o, description: l, accent: c, large: i = !1, ...s }, d) => {
+    const u = c ? { backgroundColor: c, color: $(c, "#111111", "#ffffff") } : void 0;
     return /* @__PURE__ */ n(
       "div",
       {
         ref: d,
-        className: i(
+        className: a(
           "group relative flex h-full flex-col rounded-xl border border-border bg-surface p-7 transition-colors duration-200 hover:border-foreground/15",
           r
         ),
@@ -3311,7 +3344,7 @@ const ge = P(
           t ? /* @__PURE__ */ e(
             "div",
             {
-              className: i(
+              className: a(
                 "mb-5 inline-flex h-10 w-10 items-center justify-center rounded-lg text-[1.05rem]",
                 !c && "bg-primary-soft text-primary"
               ),
@@ -3319,27 +3352,27 @@ const ge = P(
               children: t
             }
           ) : null,
-          /* @__PURE__ */ e("h3", { className: i("font-display font-semibold tracking-tight text-foreground", a ? "text-2xl" : "text-lg"), children: o }),
-          l ? /* @__PURE__ */ e("p", { className: i("mt-2.5 text-pretty leading-relaxed text-muted-foreground", a ? "text-[15px]" : "text-sm"), children: l }) : null
+          /* @__PURE__ */ e("h3", { className: a("font-display font-semibold tracking-tight text-foreground", i ? "text-2xl" : "text-lg"), children: o }),
+          l ? /* @__PURE__ */ e("p", { className: a("mt-2.5 text-pretty leading-relaxed text-muted-foreground", i ? "text-[15px]" : "text-sm"), children: l }) : null
         ]
       }
     );
   }
 );
-ge.displayName = "FeatureCard";
-const lt = {
+ve.displayName = "FeatureCard";
+const ht = {
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-2 lg:grid-cols-3",
   4: "sm:grid-cols-2 lg:grid-cols-4"
-}, Ce = [
+}, Pe = [
   "sm:col-span-2 lg:row-span-2",
   "",
   "",
   "lg:col-span-2",
   "",
   "lg:col-span-2"
-], st = P(
-  ({ className: r, features: t, option: o = "columns", columns: l = 3, ...c }, a) => o === "editorialRows" ? /* @__PURE__ */ e("div", { ref: a, className: i("w-full", r), ...c, children: /* @__PURE__ */ e("div", { className: "divide-y divide-border border-t border-b border-border", children: t.map((s, d) => /* @__PURE__ */ n(
+], xt = L(
+  ({ className: r, features: t, option: o = "columns", columns: l = 3, ...c }, i) => o === "editorialRows" ? /* @__PURE__ */ e("div", { ref: i, className: a("w-full", r), ...c, children: /* @__PURE__ */ e("div", { className: "divide-y divide-border border-t border-b border-border", children: t.map((s, d) => /* @__PURE__ */ n(
     "div",
     {
       className: "group flex flex-col gap-3 py-6 transition-colors duration-200 sm:flex-row sm:items-baseline sm:gap-10",
@@ -3356,42 +3389,42 @@ const lt = {
   )) }) }) : o === "bento" ? /* @__PURE__ */ e(
     "div",
     {
-      ref: a,
-      className: i(
+      ref: i,
+      className: a(
         "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4 lg:auto-rows-[minmax(9rem,auto)]",
         r
       ),
       ...c,
       children: t.map(
-        (s, d) => s ? /* @__PURE__ */ e("div", { className: i(d < Ce.length && Ce[d]), children: /* @__PURE__ */ e(ge, { ...s, large: d === 0, className: "h-full" }) }, d) : null
+        (s, d) => s ? /* @__PURE__ */ e("div", { className: a(d < Pe.length && Pe[d]), children: /* @__PURE__ */ e(ve, { ...s, large: d === 0, className: "h-full" }) }, d) : null
       )
     }
   ) : /* @__PURE__ */ e(
     "div",
     {
-      ref: a,
-      className: i(
+      ref: i,
+      className: a(
         "grid grid-cols-1 gap-4",
-        lt[l],
+        ht[l],
         r
       ),
       ...c,
-      children: t.map((s, d) => /* @__PURE__ */ e(ge, { ...s, className: "h-full" }, d))
+      children: t.map((s, d) => /* @__PURE__ */ e(ve, { ...s, className: "h-full" }, d))
     }
   )
 );
-st.displayName = "FeatureGrid";
-const oe = "font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground", ne = "ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground", de = {
+xt.displayName = "FeatureGrid";
+const ae = "font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground", ie = "ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground", pe = {
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-2 lg:grid-cols-3",
   4: "sm:grid-cols-2 lg:grid-cols-4"
 };
-function Me({ delta: r }) {
-  const t = r >= 0, o = t ? Qr : Yr;
+function Ge({ delta: r }) {
+  const t = r >= 0, o = t ? lt : nt;
   return /* @__PURE__ */ n(
     "span",
     {
-      className: i(
+      className: a(
         "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums",
         t ? "bg-accent/10 text-accent" : "bg-danger-soft text-danger"
       ),
@@ -3403,12 +3436,12 @@ function Me({ delta: r }) {
     }
   );
 }
-const at = P(
-  ({ className: r, stats: t, option: o = "editorial", columns: l = 4, ...c }, a) => o === "ticker" ? /* @__PURE__ */ e(
+const bt = L(
+  ({ className: r, stats: t, option: o = "editorial", columns: l = 4, ...c }, i) => o === "ticker" ? /* @__PURE__ */ e(
     "dl",
     {
-      ref: a,
-      className: i(
+      ref: i,
+      className: a(
         "flex w-full items-stretch overflow-x-auto rounded-2xl border border-border bg-surface",
         r
       ),
@@ -3416,18 +3449,18 @@ const at = P(
       children: t.map((s, d) => /* @__PURE__ */ n(
         "div",
         {
-          className: i(
+          className: a(
             "flex min-w-[11rem] flex-1 flex-col gap-3 p-6",
             d > 0 && "border-l border-border"
           ),
           children: [
             /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-3", children: [
               /* @__PURE__ */ e("dt", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: s.label }),
-              typeof s.delta == "number" ? /* @__PURE__ */ e(Me, { delta: s.delta }) : null
+              typeof s.delta == "number" ? /* @__PURE__ */ e(Ge, { delta: s.delta }) : null
             ] }),
-            /* @__PURE__ */ n("dd", { className: i(oe, "text-3xl", s.accent ? "text-primary" : void 0), children: [
+            /* @__PURE__ */ n("dd", { className: a(ae, "text-3xl", s.accent ? "text-primary" : void 0), children: [
               s.value,
-              s.suffix ? /* @__PURE__ */ e("span", { className: ne, children: s.suffix }) : null
+              s.suffix ? /* @__PURE__ */ e("span", { className: ie, children: s.suffix }) : null
             ] }),
             s.sub ? /* @__PURE__ */ e("p", { className: "text-[13px] leading-5 text-muted-foreground", children: s.sub }) : null
           ]
@@ -3438,17 +3471,17 @@ const at = P(
   ) : o === "cells" ? /* @__PURE__ */ e(
     "dl",
     {
-      ref: a,
-      className: i("grid grid-cols-1 gap-4", de[l], r),
+      ref: i,
+      className: a("grid grid-cols-1 gap-4", pe[l], r),
       ...c,
       children: t.map((s) => /* @__PURE__ */ n(
         "div",
         {
           className: "flex min-h-[8.5rem] flex-col justify-between rounded-xl border border-border bg-surface p-6",
           children: [
-            /* @__PURE__ */ n("dd", { className: i(oe, "text-3xl", s.accent ? "text-primary" : void 0), children: [
+            /* @__PURE__ */ n("dd", { className: a(ae, "text-3xl", s.accent ? "text-primary" : void 0), children: [
               s.value,
-              s.suffix ? /* @__PURE__ */ e("span", { className: ne, children: s.suffix }) : null
+              s.suffix ? /* @__PURE__ */ e("span", { className: ie, children: s.suffix }) : null
             ] }),
             /* @__PURE__ */ n("div", { className: "mt-5 flex items-center justify-between gap-3", children: [
               /* @__PURE__ */ e("dt", { className: "text-sm text-muted-foreground", children: s.label }),
@@ -3462,20 +3495,20 @@ const at = P(
   ) : o === "hairline" ? /* @__PURE__ */ e(
     "dl",
     {
-      ref: a,
-      className: i("grid grid-cols-1 gap-y-10", de[l], r),
+      ref: i,
+      className: a("grid grid-cols-1 gap-y-10", pe[l], r),
       ...c,
       children: t.map((s, d) => /* @__PURE__ */ n(
         "div",
         {
-          className: i(
+          className: a(
             "text-center",
             l > 1 && d > 0 && "sm:border-l sm:border-border"
           ),
           children: [
-            /* @__PURE__ */ n("dd", { className: i(oe, "text-5xl", s.accent ? "text-primary" : void 0), children: [
+            /* @__PURE__ */ n("dd", { className: a(ae, "text-5xl", s.accent ? "text-primary" : void 0), children: [
               s.value,
-              s.suffix ? /* @__PURE__ */ e("span", { className: ne, children: s.suffix }) : null
+              s.suffix ? /* @__PURE__ */ e("span", { className: ie, children: s.suffix }) : null
             ] }),
             /* @__PURE__ */ e("dt", { className: "mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: s.label })
           ]
@@ -3486,25 +3519,25 @@ const at = P(
   ) : /* @__PURE__ */ e(
     "dl",
     {
-      ref: a,
-      className: i("grid grid-cols-1 gap-x-10 gap-y-12", de[l], r),
+      ref: i,
+      className: a("grid grid-cols-1 gap-x-10 gap-y-12", pe[l], r),
       ...c,
       children: t.map((s) => /* @__PURE__ */ n("div", { className: "border-t border-border pt-6", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-3", children: [
           /* @__PURE__ */ e("dt", { className: "text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: s.label }),
-          typeof s.delta == "number" ? /* @__PURE__ */ e(Me, { delta: s.delta }) : null
+          typeof s.delta == "number" ? /* @__PURE__ */ e(Ge, { delta: s.delta }) : null
         ] }),
         /* @__PURE__ */ n(
           "dd",
           {
-            className: i(
-              oe,
+            className: a(
+              ae,
               "mt-4 text-5xl sm:text-6xl",
               s.accent ? "text-primary" : void 0
             ),
             children: [
               s.value,
-              s.suffix ? /* @__PURE__ */ e("span", { className: ne, children: s.suffix }) : null
+              s.suffix ? /* @__PURE__ */ e("span", { className: ie, children: s.suffix }) : null
             ]
           }
         ),
@@ -3513,34 +3546,34 @@ const at = P(
     }
   )
 );
-at.displayName = "Stats";
-function je({
+bt.displayName = "Stats";
+function Ee({
   value: r,
   billing: t,
   dim: o
 }) {
-  return r === null ? /* @__PURE__ */ e("span", { children: "Custom" }) : /* @__PURE__ */ n(Ae, { children: [
+  return r === null ? /* @__PURE__ */ e("span", { children: "Custom" }) : /* @__PURE__ */ n(Ne, { children: [
     /* @__PURE__ */ n("span", { className: "text-[2.6rem] font-semibold tracking-tight sm:text-[3rem]", children: [
       "$",
       r
     ] }),
-    /* @__PURE__ */ n("span", { className: i("text-sm font-normal", o && "opacity-60"), children: [
+    /* @__PURE__ */ n("span", { className: a("text-sm font-normal", o && "opacity-60"), children: [
       "/",
       t === "monthly" ? "mo" : "yr"
     ] })
   ] });
 }
-function it({
+function vt({
   billing: r,
   onChange: t,
   dark: o
 }) {
-  const l = he("--color-accent");
+  const l = ke("--color-accent");
   return /* @__PURE__ */ n("div", { className: "mb-10 flex items-center justify-center gap-4", children: [
     /* @__PURE__ */ e(
       "span",
       {
-        className: i(
+        className: a(
           "text-sm font-medium transition-colors",
           r === "monthly" ? o ? "text-white" : "text-foreground" : "text-muted-foreground"
         ),
@@ -3555,7 +3588,7 @@ function it({
         "aria-checked": r === "yearly",
         "aria-label": "Billing period",
         onClick: () => t(r === "monthly" ? "yearly" : "monthly"),
-        className: i(
+        className: a(
           "relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full transition-colors duration-200",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
           r === "yearly" ? "bg-primary" : "bg-border"
@@ -3563,7 +3596,7 @@ function it({
         children: /* @__PURE__ */ e(
           "span",
           {
-            className: i(
+            className: a(
               "inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform duration-200",
               r === "yearly" ? "translate-x-6" : "translate-x-1"
             )
@@ -3574,7 +3607,7 @@ function it({
     /* @__PURE__ */ n(
       "span",
       {
-        className: i(
+        className: a(
           "flex items-center gap-2 text-sm font-medium transition-colors",
           r === "yearly" ? o ? "text-white" : "text-foreground" : "text-muted-foreground"
         ),
@@ -3593,142 +3626,142 @@ function it({
     )
   ] });
 }
-const ct = ({
+const yt = ({
   className: r,
   plans: t,
   option: o = "cards",
   defaultBilling: l = "monthly",
   onSelect: c,
-  ...a
+  ...i
 }) => {
-  const [s, d] = L(l), u = (m) => s === "monthly" ? m.monthly : m.yearly, f = (m) => m === null ? "Custom" : `$${m}`, g = (m, x) => {
-    const p = m.highlighted && !m.customColor, h = m.customColor ? R(m.customColor, "#111111", "#ffffff") : void 0;
+  const [s, d] = V(l), u = (m) => s === "monthly" ? m.monthly : m.yearly, p = (m) => m === null ? "Custom" : `$${m}`, h = (m, v) => {
+    const g = m.highlighted && !m.customColor, f = m.customColor ? $(m.customColor, "#111111", "#ffffff") : void 0;
     return /* @__PURE__ */ n(
       "button",
       {
         type: "button",
         onClick: () => c == null ? void 0 : c(m, s),
-        className: i(
+        className: a(
           "inline-flex h-11 cursor-pointer items-center justify-center gap-2 rounded-lg px-5 text-sm font-semibold transition-colors duration-200",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          p || m.customColor ? "hover:brightness-95" : x ? "bg-white text-black hover:bg-white/90" : "border border-border text-foreground hover:bg-surface"
+          g || m.customColor ? "hover:brightness-95" : v ? "bg-white text-black hover:bg-white/90" : "border border-border text-foreground hover:bg-surface"
         ),
-        style: m.customColor ? { backgroundColor: m.customColor, color: h } : p ? {
+        style: m.customColor ? { backgroundColor: m.customColor, color: f } : g ? {
           backgroundColor: "rgb(var(--color-primary))",
           color: "rgb(var(--color-on-primary))"
         } : void 0,
         children: [
           m.cta || "Start",
-          /* @__PURE__ */ e(W, { className: "h-4 w-4 opacity-60" })
+          /* @__PURE__ */ e(X, { className: "h-4 w-4 opacity-60" })
         ]
       }
     );
   };
-  return o === "compact" ? /* @__PURE__ */ e("div", { className: i("w-full", r), ...a, children: /* @__PURE__ */ e("div", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-surface", children: t.map((m) => {
-    const x = m.highlighted && !m.customColor, p = m.customColor ? "rgb(var(--color-surface))" : x ? "rgb(var(--color-primary-soft))" : void 0, h = m.customColor ? m.customColor : x ? "rgb(var(--color-primary))" : void 0;
+  return o === "compact" ? /* @__PURE__ */ e("div", { className: a("w-full", r), ...i, children: /* @__PURE__ */ e("div", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-surface", children: t.map((m) => {
+    const v = m.highlighted && !m.customColor, g = m.customColor ? "rgb(var(--color-surface))" : v ? "rgb(var(--color-primary-soft))" : void 0, f = m.customColor ? m.customColor : v ? "rgb(var(--color-primary))" : void 0;
     return /* @__PURE__ */ n(
       "div",
       {
-        className: i(
+        className: a(
           "group flex flex-col gap-5 p-5 transition-colors duration-200 hover:bg-surface-strong sm:flex-row sm:items-center sm:justify-between",
-          x && "bg-primary-soft/60"
+          v && "bg-primary-soft/60"
         ),
-        style: p ? { backgroundColor: p } : void 0,
+        style: g ? { backgroundColor: g } : void 0,
         children: [
           /* @__PURE__ */ n("div", { className: "min-w-0", children: [
             /* @__PURE__ */ n("div", { className: "flex items-center gap-2.5", children: [
               /* @__PURE__ */ e("h3", { className: "font-display text-lg font-semibold tracking-tight text-foreground", children: m.name }),
-              x ? /* @__PURE__ */ e("span", { className: "rounded-full bg-primary px-2.5 py-0.5 text-[11px] font-semibold text-on-primary uppercase tracking-wider", children: "Popular" }) : null
+              v ? /* @__PURE__ */ e("span", { className: "rounded-full bg-primary px-2.5 py-0.5 text-[11px] font-semibold text-on-primary uppercase tracking-wider", children: "Popular" }) : null
             ] }),
             m.description ? /* @__PURE__ */ e("p", { className: "mt-1 truncate text-sm text-muted-foreground", children: m.description }) : null
           ] }),
           /* @__PURE__ */ n("div", { className: "flex items-center gap-6", children: [
-            /* @__PURE__ */ e("ul", { className: "hidden items-center gap-4 lg:flex", children: m.features.slice(0, 3).map((y) => /* @__PURE__ */ n("li", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", style: { color: h }, children: [
-              /* @__PURE__ */ e(le, { className: "h-3.5 w-3.5 text-current" }),
-              y
-            ] }, y)) }),
+            /* @__PURE__ */ e("ul", { className: "hidden items-center gap-4 lg:flex", children: m.features.slice(0, 3).map((x) => /* @__PURE__ */ n("li", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", style: { color: f }, children: [
+              /* @__PURE__ */ e(ee, { className: "h-3.5 w-3.5 text-current" }),
+              x
+            ] }, x)) }),
             /* @__PURE__ */ n("div", { className: "font-display text-2xl font-semibold tracking-tight text-foreground", children: [
-              f(u(m)),
+              p(u(m)),
               u(m) !== null ? /* @__PURE__ */ n("span", { className: "text-sm font-normal text-muted-foreground", children: [
                 "/",
                 s === "monthly" ? "mo" : "yr"
               ] }) : null
             ] }),
-            g(m)
+            h(m)
           ] })
         ]
       },
       m.name
     );
-  }) }) }) : o === "bento" ? /* @__PURE__ */ e("div", { className: i("w-full", r), ...a, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: t.map((m) => {
-    const x = m.highlighted && !m.customColor, p = m.customColor || (x ? "rgb(var(--color-primary))" : void 0), h = m.customColor ? R(m.customColor, "#111111", "#ffffff") : x ? "rgb(var(--color-on-primary))" : void 0;
+  }) }) }) : o === "bento" ? /* @__PURE__ */ e("div", { className: a("w-full", r), ...i, children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-2", children: t.map((m) => {
+    const v = m.highlighted && !m.customColor, g = m.customColor || (v ? "rgb(var(--color-primary))" : void 0), f = m.customColor ? $(m.customColor, "#111111", "#ffffff") : v ? "rgb(var(--color-on-primary))" : void 0;
     return /* @__PURE__ */ n(
       "div",
       {
-        className: i(
+        className: a(
           "flex h-full flex-col rounded-xl p-8",
-          p ? "lg:col-span-2" : "border border-border bg-surface"
+          g ? "lg:col-span-2" : "border border-border bg-surface"
         ),
-        style: p ? { backgroundColor: p, color: h } : void 0,
+        style: g ? { backgroundColor: g, color: f } : void 0,
         children: [
           /* @__PURE__ */ n("div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
             /* @__PURE__ */ n("div", { children: [
-              /* @__PURE__ */ e("h3", { className: i("font-display text-xl font-semibold tracking-tight", p ? "text-current" : "text-foreground"), children: m.name }),
-              m.description ? /* @__PURE__ */ e("p", { className: i("mt-1.5 text-sm", p ? void 0 : "text-muted-foreground"), children: m.description }) : null
+              /* @__PURE__ */ e("h3", { className: a("font-display text-xl font-semibold tracking-tight", g ? "text-current" : "text-foreground"), children: m.name }),
+              m.description ? /* @__PURE__ */ e("p", { className: a("mt-1.5 text-sm", g ? void 0 : "text-muted-foreground"), children: m.description }) : null
             ] }),
-            /* @__PURE__ */ e("div", { className: i("font-display", p ? "text-current" : "text-foreground"), children: /* @__PURE__ */ e(je, { value: u(m), billing: s, dim: !p }) })
+            /* @__PURE__ */ e("div", { className: a("font-display", g ? "text-current" : "text-foreground"), children: /* @__PURE__ */ e(Ee, { value: u(m), billing: s, dim: !g }) })
           ] }),
           /* @__PURE__ */ e(
             "ul",
             {
-              className: i(
+              className: a(
                 "mt-7 grid grid-cols-1 gap-x-8 gap-y-2.5 text-sm sm:grid-cols-2",
-                p ? "lg:max-w-2xl" : void 0
+                g ? "lg:max-w-2xl" : void 0
               ),
-              children: m.features.map((y) => /* @__PURE__ */ n("li", { className: i("flex items-start gap-2.5", p ? "text-current" : "text-muted-foreground"), children: [
-                /* @__PURE__ */ e(le, { className: i("mt-0.5 h-4 w-4 shrink-0", p ? "text-current" : "text-primary") }),
-                y
-              ] }, y))
+              children: m.features.map((x) => /* @__PURE__ */ n("li", { className: a("flex items-start gap-2.5", g ? "text-current" : "text-muted-foreground"), children: [
+                /* @__PURE__ */ e(ee, { className: a("mt-0.5 h-4 w-4 shrink-0", g ? "text-current" : "text-primary") }),
+                x
+              ] }, x))
             }
           ),
-          /* @__PURE__ */ e("div", { className: "mt-8", children: g(m, !p) })
+          /* @__PURE__ */ e("div", { className: "mt-8", children: h(m, !g) })
         ]
       },
       m.name
     );
-  }) }) }) : /* @__PURE__ */ n("div", { className: i("w-full", r), ...a, children: [
-    /* @__PURE__ */ e(it, { billing: s, onChange: d }),
+  }) }) }) : /* @__PURE__ */ n("div", { className: a("w-full", r), ...i, children: [
+    /* @__PURE__ */ e(vt, { billing: s, onChange: d }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3", children: t.map((m) => {
-      const x = m.highlighted && !m.customColor, p = m.customColor || (x ? "rgb(var(--color-primary))" : void 0), h = m.customColor ? R(m.customColor, "#111111", "#ffffff") : x ? "rgb(var(--color-on-primary))" : void 0;
+      const v = m.highlighted && !m.customColor, g = m.customColor || (v ? "rgb(var(--color-primary))" : void 0), f = m.customColor ? $(m.customColor, "#111111", "#ffffff") : v ? "rgb(var(--color-on-primary))" : void 0;
       return /* @__PURE__ */ n(
         "div",
         {
-          className: i(
+          className: a(
             "relative flex flex-col rounded-xl p-7",
-            p ? "shadow-raised" : "border border-border bg-surface",
-            !p && x && "border-primary"
+            g ? "shadow-raised" : "border border-border bg-surface",
+            !g && v && "border-primary"
           ),
-          style: p ? { backgroundColor: p, color: h } : void 0,
+          style: g ? { backgroundColor: g, color: f } : void 0,
           children: [
-            x ? /* @__PURE__ */ e(
+            v ? /* @__PURE__ */ e(
               "span",
               {
-                className: i(
+                className: a(
                   "absolute -top-3 left-7 rounded-full px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider",
-                  !p && "bg-primary text-on-primary"
+                  !g && "bg-primary text-on-primary"
                 ),
-                style: p ? { backgroundColor: "rgb(var(--color-on-primary))", color: "rgb(var(--color-primary))" } : void 0,
+                style: g ? { backgroundColor: "rgb(var(--color-on-primary))", color: "rgb(var(--color-primary))" } : void 0,
                 children: "Most popular"
               }
             ) : null,
-            /* @__PURE__ */ e("h3", { className: i("font-display text-lg font-semibold tracking-tight", p ? "text-current" : "text-foreground"), children: m.name }),
-            m.description ? /* @__PURE__ */ e("p", { className: i("mt-1.5 text-sm", p ? void 0 : "text-muted-foreground"), children: m.description }) : null,
-            /* @__PURE__ */ e("div", { className: i("mt-6 flex items-baseline font-display", p ? "text-current" : "text-foreground"), children: /* @__PURE__ */ e(je, { value: u(m), billing: s, dim: !p }) }),
-            /* @__PURE__ */ e("ul", { className: i("mt-7 flex-1 space-y-2.5 text-sm", p ? "text-current" : "text-muted-foreground"), children: m.features.map((y) => /* @__PURE__ */ n("li", { className: "flex items-start gap-2.5", children: [
-              /* @__PURE__ */ e(le, { className: i("mt-0.5 h-4 w-4 shrink-0", p ? "text-current" : "text-primary") }),
-              y
-            ] }, y)) }),
-            /* @__PURE__ */ e("div", { className: "mt-8", children: g(m, !p) })
+            /* @__PURE__ */ e("h3", { className: a("font-display text-lg font-semibold tracking-tight", g ? "text-current" : "text-foreground"), children: m.name }),
+            m.description ? /* @__PURE__ */ e("p", { className: a("mt-1.5 text-sm", g ? void 0 : "text-muted-foreground"), children: m.description }) : null,
+            /* @__PURE__ */ e("div", { className: a("mt-6 flex items-baseline font-display", g ? "text-current" : "text-foreground"), children: /* @__PURE__ */ e(Ee, { value: u(m), billing: s, dim: !g }) }),
+            /* @__PURE__ */ e("ul", { className: a("mt-7 flex-1 space-y-2.5 text-sm", g ? "text-current" : "text-muted-foreground"), children: m.features.map((x) => /* @__PURE__ */ n("li", { className: "flex items-start gap-2.5", children: [
+              /* @__PURE__ */ e(ee, { className: a("mt-0.5 h-4 w-4 shrink-0", g ? "text-current" : "text-primary") }),
+              x
+            ] }, x)) }),
+            /* @__PURE__ */ e("div", { className: "mt-8", children: h(m, !g) })
           ]
         },
         m.name
@@ -3736,35 +3769,35 @@ const ct = ({
     }) })
   ] });
 };
-ct.displayName = "Pricing";
-const Fe = (r) => r.split(" ").map((t) => t[0]).join("").slice(0, 2).toUpperCase(), ze = P(
+yt.displayName = "Pricing";
+const Ye = (r) => r.split(" ").map((t) => t[0]).join("").slice(0, 2).toUpperCase(), Be = L(
   function({ className: t, testimonial: o, ...l }, c) {
-    const { quote: a, author: s, role: d, company: u, avatar: f, accent: g, rating: m } = o, x = g ? { backgroundColor: g, color: R(g, "#111111", "#ffffff") } : void 0;
+    const { quote: i, author: s, role: d, company: u, avatar: p, accent: h, rating: m } = o, v = h ? { backgroundColor: h, color: $(h, "#111111", "#ffffff") } : void 0;
     return /* @__PURE__ */ n(
       "figure",
       {
         ref: c,
-        className: i(
+        className: a(
           "mb-4 flex flex-col break-inside-avoid rounded-2xl border border-border bg-surface p-7",
           t
         ),
         ...l,
         children: [
           /* @__PURE__ */ n("div", { className: "mb-5 flex items-center justify-between", children: [
-            /* @__PURE__ */ e(Ve, { className: i("h-6 w-6", g ? void 0 : "text-primary/30"), style: g ? { color: g } : void 0 }),
-            m ? /* @__PURE__ */ e("span", { className: "flex items-center gap-0.5 text-amber-500", "aria-label": `${m} / 5`, children: Array.from({ length: 5 }).map((p, h) => /* @__PURE__ */ e(Xr, { className: "h-3.5 w-3.5" }, h)) }) : null
+            /* @__PURE__ */ e(De, { className: a("h-6 w-6", h ? void 0 : "text-primary/30"), style: h ? { color: h } : void 0 }),
+            m ? /* @__PURE__ */ e("span", { className: "flex items-center gap-0.5 text-amber-500", "aria-label": `${m} / 5`, children: Array.from({ length: 5 }).map((g, f) => /* @__PURE__ */ e(it, { className: "h-3.5 w-3.5" }, f)) }) : null
           ] }),
-          /* @__PURE__ */ e("blockquote", { className: "flex-1 text-[15px] leading-7 text-foreground/85", children: a }),
+          /* @__PURE__ */ e("blockquote", { className: "flex-1 text-[15px] leading-7 text-foreground/85", children: i }),
           /* @__PURE__ */ n("figcaption", { className: "mt-6 flex items-center gap-3", children: [
-            f || /* @__PURE__ */ e(
+            p || /* @__PURE__ */ e(
               "span",
               {
-                style: x,
-                className: i(
+                style: v,
+                className: a(
                   "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-xs font-bold",
-                  !g && "bg-primary-soft text-primary"
+                  !h && "bg-primary-soft text-primary"
                 ),
-                children: Fe(s)
+                children: Ye(s)
               }
             ),
             /* @__PURE__ */ n("div", { children: [
@@ -3776,48 +3809,48 @@ const Fe = (r) => r.split(" ").map((t) => t[0]).join("").slice(0, 2).toUpperCase
       }
     );
   }
-), dt = ({ className: r, items: t, option: o = "grid", ...l }) => {
+), Nt = ({ className: r, items: t, option: o = "grid", ...l }) => {
   if (o === "carousel")
-    return /* @__PURE__ */ e(mt, { items: t, className: r, ...l });
+    return /* @__PURE__ */ e(wt, { items: t, className: r, ...l });
   if (o === "marquee") {
     const c = [...t, ...t];
-    return /* @__PURE__ */ e("div", { className: i("w-full overflow-hidden", r), ...l, children: /* @__PURE__ */ e("div", { className: "mask-fade-x", children: /* @__PURE__ */ e("div", { className: "flex w-max animate-marquee gap-4 pr-4 motion-reduce:animate-none", children: c.map((a, s) => /* @__PURE__ */ e("div", { className: "w-[19rem] shrink-0 sm:w-[24rem]", children: /* @__PURE__ */ e(ze, { testimonial: a, className: "m-0" }) }, s)) }) }) });
+    return /* @__PURE__ */ e("div", { className: a("w-full overflow-hidden", r), ...l, children: /* @__PURE__ */ e("div", { className: "mask-fade-x", children: /* @__PURE__ */ e("div", { className: "flex w-max animate-marquee gap-4 pr-4 motion-reduce:animate-none", children: c.map((i, s) => /* @__PURE__ */ e("div", { className: "w-[19rem] shrink-0 sm:w-[24rem]", children: /* @__PURE__ */ e(Be, { testimonial: i, className: "m-0" }) }, s)) }) }) });
   }
-  return /* @__PURE__ */ e("div", { className: i("columns-1 gap-4 md:columns-2 lg:columns-3", r), ...l, children: t.map((c, a) => /* @__PURE__ */ e(ze, { testimonial: c }, a)) });
+  return /* @__PURE__ */ e("div", { className: a("columns-1 gap-4 md:columns-2 lg:columns-3", r), ...l, children: t.map((c, i) => /* @__PURE__ */ e(Be, { testimonial: c }, i)) });
 };
-dt.displayName = "Testimonials";
-function mt({
+Nt.displayName = "Testimonials";
+function wt({
   items: r,
   className: t,
   ...o
 }) {
-  const [l, c] = L(0), a = r[l % r.length], s = a.accent ? { backgroundColor: a.accent, color: R(a.accent, "#111111", "#ffffff") } : void 0, d = (u) => c((f) => (f + u + r.length) % r.length);
-  return /* @__PURE__ */ n("div", { className: i("mx-auto w-full max-w-3xl", t), ...o, children: [
+  const [l, c] = V(0), i = r[l % r.length], s = i.accent ? { backgroundColor: i.accent, color: $(i.accent, "#111111", "#ffffff") } : void 0, d = (u) => c((p) => (p + u + r.length) % r.length);
+  return /* @__PURE__ */ n("div", { className: a("mx-auto w-full max-w-3xl", t), ...o, children: [
     /* @__PURE__ */ n("figure", { className: "relative rounded-2xl border border-border bg-surface p-10 text-center sm:p-14", children: [
       /* @__PURE__ */ e(
-        Ve,
+        De,
         {
-          className: i("mx-auto mb-6 h-8 w-8", a.accent ? void 0 : "text-primary/25"),
-          style: a.accent ? { color: a.accent } : void 0,
+          className: a("mx-auto mb-6 h-8 w-8", i.accent ? void 0 : "text-primary/25"),
+          style: i.accent ? { color: i.accent } : void 0,
           "aria-hidden": !0
         }
       ),
-      /* @__PURE__ */ e("blockquote", { className: "font-display text-balance text-xl font-medium leading-relaxed tracking-tight text-foreground sm:text-2xl", children: a.quote }),
+      /* @__PURE__ */ e("blockquote", { className: "font-display text-balance text-xl font-medium leading-relaxed tracking-tight text-foreground sm:text-2xl", children: i.quote }),
       /* @__PURE__ */ n("figcaption", { className: "mt-8 flex items-center justify-center gap-3", children: [
-        a.avatar ? a.avatar : /* @__PURE__ */ e(
+        i.avatar ? i.avatar : /* @__PURE__ */ e(
           "span",
           {
             style: s,
-            className: i(
+            className: a(
               "inline-flex h-11 w-11 items-center justify-center rounded-full text-xs font-bold",
-              !a.accent && "bg-foreground text-background"
+              !i.accent && "bg-foreground text-background"
             ),
-            children: Fe(a.author)
+            children: Ye(i.author)
           }
         ),
         /* @__PURE__ */ n("div", { className: "text-left", children: [
-          /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-foreground", children: a.author }),
-          /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: [a.role, a.company].filter(Boolean).join(" · ") })
+          /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-foreground", children: i.author }),
+          /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: [i.role, i.company].filter(Boolean).join(" · ") })
         ] })
       ] })
     ] }),
@@ -3829,22 +3862,22 @@ function mt({
           "aria-label": "Previous testimonial",
           onClick: () => d(-1),
           className: "inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          children: /* @__PURE__ */ e(Jr, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ e(at, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: r.map((u, f) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: r.map((u, p) => /* @__PURE__ */ e(
         "button",
         {
           type: "button",
-          "aria-label": `Testimonial ${f + 1}`,
-          "aria-current": f === l,
-          onClick: () => c(f),
-          className: i(
+          "aria-label": `Testimonial ${p + 1}`,
+          "aria-current": p === l,
+          onClick: () => c(p),
+          className: a(
             "h-1.5 cursor-pointer rounded-full transition-all duration-200",
-            f === l ? "w-6 bg-foreground" : "w-1.5 bg-foreground/25 hover:bg-foreground/50"
+            p === l ? "w-6 bg-foreground" : "w-1.5 bg-foreground/25 hover:bg-foreground/50"
           )
         },
-        f
+        p
       )) }),
       /* @__PURE__ */ e(
         "button",
@@ -3853,31 +3886,31 @@ function mt({
           "aria-label": "Next testimonial",
           onClick: () => d(1),
           className: "inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-          children: /* @__PURE__ */ e(Dr, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ e(st, { className: "h-4 w-4" })
         }
       )
     ] })
   ] });
 }
-const ut = P(
-  ({ className: r, title: t, description: o, action: l, secondaryAction: c, option: a = "panel", align: s = "left", id: d, ...u }, f) => {
-    const g = a === "panel", x = he(a === "inverse" ? "--color-secondary" : "--color-primary");
-    return a === "surface" ? /* @__PURE__ */ e("section", { ref: f, id: d, className: i("w-full", r), ...u, children: /* @__PURE__ */ e(F, { className: "py-20 sm:py-24", children: /* @__PURE__ */ n(
+const kt = L(
+  ({ className: r, title: t, description: o, action: l, secondaryAction: c, option: i = "panel", align: s = "left", id: d, ...u }, p) => {
+    const h = i === "panel", v = ke(i === "inverse" ? "--color-secondary" : "--color-primary");
+    return i === "surface" ? /* @__PURE__ */ e("section", { ref: p, id: d, className: a("w-full", r), ...u, children: /* @__PURE__ */ e(D, { className: "py-20 sm:py-24", children: /* @__PURE__ */ n(
       "div",
       {
-        className: i(
+        className: a(
           "flex flex-col gap-10 border-t border-border pt-14 sm:flex-row sm:items-end sm:justify-between sm:pt-16",
           s === "center" && "items-center text-center sm:flex-col sm:items-center"
         ),
         children: [
-          /* @__PURE__ */ n("div", { className: i("max-w-3xl", s === "center" && "mx-auto"), children: [
+          /* @__PURE__ */ n("div", { className: a("max-w-3xl", s === "center" && "mx-auto"), children: [
             /* @__PURE__ */ e("h2", { className: "font-display text-4xl font-semibold leading-[1.03] tracking-[-0.03em] text-balance text-foreground sm:text-6xl", children: t }),
-            o ? /* @__PURE__ */ e("p", { className: i("mt-5 max-w-xl text-pretty text-base leading-7 text-muted-foreground sm:text-lg", s === "center" && "mx-auto"), children: o }) : null
+            o ? /* @__PURE__ */ e("p", { className: a("mt-5 max-w-xl text-pretty text-base leading-7 text-muted-foreground sm:text-lg", s === "center" && "mx-auto"), children: o }) : null
           ] }),
           /* @__PURE__ */ n(
             "div",
             {
-              className: i(
+              className: a(
                 "flex flex-wrap items-center gap-4",
                 s === "center" && "justify-center"
               ),
@@ -3889,13 +3922,13 @@ const ut = P(
           )
         ]
       }
-    ) }) }) : /* @__PURE__ */ e("section", { ref: f, id: d, className: i("w-full py-6 pb-20", r), ...u, children: /* @__PURE__ */ e(F, { children: g ? /* @__PURE__ */ n(
+    ) }) }) : /* @__PURE__ */ e("section", { ref: p, id: d, className: a("w-full py-6 pb-20", r), ...u, children: /* @__PURE__ */ e(D, { children: h ? /* @__PURE__ */ n(
       "div",
       {
         className: "relative overflow-hidden rounded-[1.75rem] px-7 py-14 sm:px-14 sm:py-20",
         style: {
           background: "radial-gradient(120% 160% at 0% 0%, rgb(var(--color-primary)), rgb(var(--color-primary-hover)) 55%, rgb(var(--color-primary) / 0.85))",
-          color: x
+          color: v
         },
         children: [
           /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 grain opacity-[0.07] mix-blend-overlay" }),
@@ -3910,17 +3943,17 @@ const ut = P(
           /* @__PURE__ */ n(
             "div",
             {
-              className: i(
+              className: a(
                 "relative flex flex-col gap-9",
                 s === "center" ? "items-center text-center" : "items-start"
               ),
               children: [
-                /* @__PURE__ */ n("div", { className: i("max-w-2xl", s === "center" && "mx-auto"), children: [
+                /* @__PURE__ */ n("div", { className: a("max-w-2xl", s === "center" && "mx-auto"), children: [
                   /* @__PURE__ */ e("h2", { className: "font-display text-balance text-3xl font-semibold leading-[1.06] tracking-[-0.02em] sm:text-5xl", children: t }),
                   o ? /* @__PURE__ */ e(
                     "p",
                     {
-                      className: i(
+                      className: a(
                         "mt-4 text-pretty text-base leading-7 sm:text-lg",
                         s === "center" && "mx-auto max-w-xl"
                       ),
@@ -3931,7 +3964,7 @@ const ut = P(
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: i(
+                    className: a(
                       "flex flex-wrap items-center gap-4",
                       s === "center" && "justify-center"
                     ),
@@ -3952,27 +3985,27 @@ const ut = P(
         className: "relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20",
         style: {
           backgroundColor: "rgb(var(--color-secondary))",
-          color: x
+          color: v
         },
         children: [
           /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay" }),
           /* @__PURE__ */ n(
             "div",
             {
-              className: i(
+              className: a(
                 "relative flex flex-col items-start gap-10",
                 s === "center" && "items-center text-center",
                 "lg:flex-row lg:items-end lg:justify-between"
               ),
               children: [
-                /* @__PURE__ */ n("div", { className: i("max-w-3xl", s === "center" && "mx-auto"), children: [
+                /* @__PURE__ */ n("div", { className: a("max-w-3xl", s === "center" && "mx-auto"), children: [
                   /* @__PURE__ */ e("h2", { className: "font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl", children: t }),
-                  o ? /* @__PURE__ */ e("p", { className: i("mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg", s === "center" && "mx-auto"), children: o }) : null
+                  o ? /* @__PURE__ */ e("p", { className: a("mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg", s === "center" && "mx-auto"), children: o }) : null
                 ] }),
                 /* @__PURE__ */ n(
                   "div",
                   {
-                    className: i(
+                    className: a(
                       "flex flex-wrap items-center gap-4",
                       s === "center" && "justify-center"
                     ),
@@ -3990,60 +4023,60 @@ const ut = P(
     ) }) });
   }
 );
-ut.displayName = "CTA";
-const gt = ({
+kt.displayName = "CTA";
+const Ct = ({
   className: r,
   items: t,
   option: o = "accordion",
   allowMultiple: l = !1,
   defaultOpen: c = [],
-  eyebrow: a,
+  eyebrow: i,
   title: s,
   description: d,
   ...u
 }) => {
-  const [f, g] = L(
+  const [p, h] = V(
     () => new Set(l ? c : c.slice(0, 1))
-  ), m = (h) => {
-    g((y) => {
-      const b = new Set(y);
-      return b.has(h) ? b.delete(h) : (l || b.clear(), b.add(h)), b;
+  ), m = (f) => {
+    h((x) => {
+      const b = new Set(x);
+      return b.has(f) ? b.delete(f) : (l || b.clear(), b.add(f)), b;
     });
-  }, x = (h) => /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-[0.18em] text-primary", children: h });
+  }, v = (f) => /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-[0.18em] text-primary", children: f });
   if (o === "cards")
-    return /* @__PURE__ */ n("div", { className: i("w-full", r), ...u, children: [
-      a ? /* @__PURE__ */ e("div", { className: "mb-10", children: x(String(a)) }) : null,
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: t.map((h, y) => /* @__PURE__ */ n(
+    return /* @__PURE__ */ n("div", { className: a("w-full", r), ...u, children: [
+      i ? /* @__PURE__ */ e("div", { className: "mb-10", children: v(String(i)) }) : null,
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: t.map((f, x) => /* @__PURE__ */ n(
         "div",
         {
           className: "flex flex-col rounded-xl border border-border bg-surface p-7",
           children: [
             /* @__PURE__ */ n("div", { className: "flex items-baseline gap-4", children: [
-              /* @__PURE__ */ e("span", { className: "font-display text-sm font-semibold tabular-nums text-foreground/35", children: String(y + 1).padStart(2, "0") }),
-              /* @__PURE__ */ e("h3", { className: "font-display text-lg font-semibold tracking-tight text-foreground", children: h.question })
+              /* @__PURE__ */ e("span", { className: "font-display text-sm font-semibold tabular-nums text-foreground/35", children: String(x + 1).padStart(2, "0") }),
+              /* @__PURE__ */ e("h3", { className: "font-display text-lg font-semibold tracking-tight text-foreground", children: f.question })
             ] }),
-            /* @__PURE__ */ e("p", { className: "mt-4 border-t border-border pt-4 text-sm leading-6 text-muted-foreground", children: h.answer })
+            /* @__PURE__ */ e("p", { className: "mt-4 border-t border-border pt-4 text-sm leading-6 text-muted-foreground", children: f.answer })
           ]
         },
-        h.question
+        f.question
       )) })
     ] });
-  const p = /* @__PURE__ */ e("div", { className: "divide-y divide-border rounded-2xl border border-border bg-surface", children: t.map((h, y) => {
-    const b = f.has(y);
+  const g = /* @__PURE__ */ e("div", { className: "divide-y divide-border rounded-2xl border border-border bg-surface", children: t.map((f, x) => {
+    const b = p.has(x);
     return /* @__PURE__ */ n("div", { children: [
       /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           "aria-expanded": b,
-          onClick: () => m(y),
+          onClick: () => m(x),
           className: "flex w-full cursor-pointer items-center justify-between gap-4 px-6 py-5 text-left text-[15px] font-medium text-foreground transition-colors duration-150 hover:bg-surface-strong/60 focus-visible:outline-none",
           children: [
-            h.question,
+            f.question,
             /* @__PURE__ */ e(
-              we,
+              Te,
               {
-                className: i(
+                className: a(
                   "h-4.5 w-4.5 shrink-0 text-foreground/45 transition-transform duration-200 sm:h-5 sm:w-5",
                   b && "rotate-45 text-primary"
                 )
@@ -4052,31 +4085,31 @@ const gt = ({
           ]
         }
       ) }),
-      b ? /* @__PURE__ */ e("p", { className: "px-6 pb-6 text-sm leading-7 text-muted-foreground", children: h.answer }) : null
-    ] }, h.question);
+      b ? /* @__PURE__ */ e("p", { className: "px-6 pb-6 text-sm leading-7 text-muted-foreground", children: f.answer }) : null
+    ] }, f.question);
   }) });
-  return o === "split" ? /* @__PURE__ */ n("div", { className: i("grid w-full gap-10 lg:grid-cols-[0.9fr_1.1fr] lg:gap-20", r), ...u, children: [
+  return o === "split" ? /* @__PURE__ */ n("div", { className: a("grid w-full gap-10 lg:grid-cols-[0.9fr_1.1fr] lg:gap-20", r), ...u, children: [
     /* @__PURE__ */ n("div", { className: "lg:sticky lg:top-24 lg:self-start", children: [
-      a ? x(String(a)) : null,
+      i ? v(String(i)) : null,
       s ? /* @__PURE__ */ e("h2", { className: "mt-4 font-display text-3xl font-semibold leading-[1.08] tracking-tight text-foreground sm:text-4xl", children: s }) : null,
       d ? /* @__PURE__ */ e("p", { className: "mt-4 text-pretty text-base leading-7 text-muted-foreground", children: d }) : null
     ] }),
-    /* @__PURE__ */ e("div", { className: "divide-y divide-border", children: t.map((h, y) => {
-      const b = f.has(y);
+    /* @__PURE__ */ e("div", { className: "divide-y divide-border", children: t.map((f, x) => {
+      const b = p.has(x);
       return /* @__PURE__ */ n("div", { children: [
         /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ n(
           "button",
           {
             type: "button",
             "aria-expanded": b,
-            onClick: () => m(y),
+            onClick: () => m(x),
             className: "flex w-full cursor-pointer items-center justify-between gap-4 py-5 text-left text-base font-semibold text-foreground transition-colors duration-150 focus-visible:outline-none",
             children: [
-              h.question,
+              f.question,
               /* @__PURE__ */ e(
-                we,
+                Te,
                 {
-                  className: i(
+                  className: a(
                     "h-4.5 w-4.5 shrink-0 text-foreground/45 transition-transform duration-200 sm:h-5 sm:w-5",
                     b && "rotate-45 text-primary"
                   )
@@ -4085,45 +4118,62 @@ const gt = ({
             ]
           }
         ) }),
-        b ? /* @__PURE__ */ e("p", { className: "pb-6 text-sm leading-7 text-muted-foreground", children: h.answer }) : null
-      ] }, h.question);
+        b ? /* @__PURE__ */ e("p", { className: "pb-6 text-sm leading-7 text-muted-foreground", children: f.answer }) : null
+      ] }, f.question);
     }) })
-  ] }) : /* @__PURE__ */ e("div", { className: i("mx-auto w-full max-w-3xl", r), ...u, children: p });
+  ] }) : /* @__PURE__ */ e("div", { className: a("mx-auto w-full max-w-3xl", r), ...u, children: g });
 };
-gt.displayName = "FAQ";
-const ft = ({
+Ct.displayName = "FAQ";
+const Mt = ({
   className: r,
   brand: t,
-  description: o,
-  columns: l,
-  socials: c,
-  bottom: a,
-  option: s = "classic",
-  badge: d,
-  ...u
+  logo: o,
+  logoSrc: l,
+  logoAlt: c,
+  logoClassName: i,
+  description: s,
+  columns: d,
+  socials: u,
+  bottom: p,
+  languageSwitcher: h,
+  option: m = "classic",
+  badge: v,
+  LinkComponent: g,
+  ...f
 }) => {
-  const f = /* @__PURE__ */ n("span", { className: "flex items-center gap-2 font-display text-lg font-bold tracking-tight", children: [
+  const x = g ?? "a", b = (M = "h-7 w-auto") => o ?? (l ? /* @__PURE__ */ e(
+    "img",
+    {
+      src: l,
+      alt: c ?? (typeof t == "string" ? t : "Logo"),
+      className: a(M, i)
+    }
+  ) : null), N = /* @__PURE__ */ n("span", { className: "flex items-center gap-2 font-display text-lg font-bold tracking-tight", children: [
     /* @__PURE__ */ e("span", { "aria-hidden": !0, className: "inline-block h-2.5 w-2.5 rounded-sm bg-current" }),
     t
-  ] });
-  return s === "minimal" ? /* @__PURE__ */ e("footer", { className: i("w-full border-t border-border bg-background", r), ...u, children: /* @__PURE__ */ n(F, { className: "flex flex-col items-center justify-between gap-6 py-10 sm:flex-row", children: [
-    f,
-    /* @__PURE__ */ e("ul", { className: "flex flex-wrap items-center justify-center gap-x-8 gap-y-3", children: l.flatMap((g) => g.links).slice(0, 6).map((g) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: g.href, className: "text-sm text-muted-foreground transition-colors duration-150 hover:text-foreground", children: g.label }) }, g.href)) }),
-    /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: a })
-  ] }) }) : s === "editorial" ? /* @__PURE__ */ e("footer", { className: i("w-full border-t border-border bg-background", r), ...u, children: /* @__PURE__ */ n(F, { className: "py-16 sm:py-20", children: [
+  ] }), w = b() ?? N, E = b() ?? N, B = b("h-12 w-auto") ?? /* @__PURE__ */ e("span", { className: "font-display text-5xl font-bold tracking-[-0.03em] text-foreground sm:text-7xl", children: t });
+  return m === "minimal" ? /* @__PURE__ */ e("footer", { className: a("w-full border-t border-border bg-background", r), ...f, children: /* @__PURE__ */ n(D, { className: "flex flex-col items-center justify-between gap-6 py-10 sm:flex-row", children: [
+    E,
+    /* @__PURE__ */ e("ul", { className: "flex flex-wrap items-center justify-center gap-x-8 gap-y-3", children: d.flatMap((M) => M.links).slice(0, 6).map((M) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(x, { href: M.href, className: "text-sm text-muted-foreground transition-colors duration-150 hover:text-foreground", children: M.label }) }, M.href)) }),
+    /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-3", children: [
+      h ? /* @__PURE__ */ e("div", { children: h }) : null,
+      /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: p })
+    ] })
+  ] }) }) : m === "editorial" ? /* @__PURE__ */ e("footer", { className: a("w-full border-t border-border bg-background", r), ...f, children: /* @__PURE__ */ n(D, { className: "py-16 sm:py-20", children: [
     /* @__PURE__ */ n("div", { className: "mb-14 flex flex-col justify-between gap-8 sm:flex-row sm:items-end", children: [
       /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ e("span", { className: "font-display text-5xl font-bold tracking-[-0.03em] text-foreground sm:text-7xl", children: t }),
-        o ? /* @__PURE__ */ e("p", { className: "mt-3 max-w-sm text-sm leading-6 text-muted-foreground", children: o }) : null
+        B,
+        s ? /* @__PURE__ */ e("p", { className: "mt-3 max-w-sm text-sm leading-6 text-muted-foreground", children: s }) : null
       ] }),
-      c ? /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: c }) : null
+      u ? /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: u }) : null
     ] }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-8 border-t border-border pt-12 md:grid-cols-4", children: l.map((g) => /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ e("h3", { className: "text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: g.title }),
-      /* @__PURE__ */ e("ul", { className: "mt-4 space-y-2.5", children: g.links.map((m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: m.href, className: "text-[15px] text-foreground/80 transition-colors duration-150 hover:text-foreground", children: m.label }) }, m.href)) })
-    ] }, g.title)) }),
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-8 border-t border-border pt-12 md:grid-cols-4", children: d.map((M) => /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: M.title }),
+      /* @__PURE__ */ e("ul", { className: "mt-4 space-y-2.5", children: M.links.map((I) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(x, { href: I.href, className: "text-[15px] text-foreground/80 transition-colors duration-150 hover:text-foreground", children: I.label }) }, I.href)) })
+    ] }, M.title)) }),
     /* @__PURE__ */ n("div", { className: "mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 text-sm text-muted-foreground sm:flex-row", children: [
-      /* @__PURE__ */ e("span", { children: a }),
+      /* @__PURE__ */ e("span", { children: p }),
+      h ? /* @__PURE__ */ e("div", { children: h }) : null,
       /* @__PURE__ */ n("span", { children: [
         "© ",
         (/* @__PURE__ */ new Date()).getFullYear(),
@@ -4132,28 +4182,29 @@ const ft = ({
         ". All rights reserved."
       ] })
     ] })
-  ] }) }) : /* @__PURE__ */ e("footer", { className: i("w-full bg-secondary text-on-secondary", r), ...u, children: /* @__PURE__ */ n(F, { className: "py-16", children: [
+  ] }) }) : /* @__PURE__ */ e("footer", { className: a("w-full bg-secondary text-on-secondary", r), ...f, children: /* @__PURE__ */ n(D, { className: "py-16", children: [
     /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-10 md:grid-cols-4 lg:grid-cols-6", children: [
       /* @__PURE__ */ n("div", { className: "col-span-2", children: [
-        /* @__PURE__ */ e("span", { style: { color: "rgb(var(--color-on-secondary))" }, children: f }),
-        o ? /* @__PURE__ */ e("p", { className: "mt-4 max-w-xs text-sm leading-6 text-on-secondary/60", children: o }) : null,
-        c ? /* @__PURE__ */ e("div", { className: "mt-6 flex items-center gap-3", children: c }) : null,
-        d ? /* @__PURE__ */ e("div", { className: "mt-6", children: d }) : null
+        /* @__PURE__ */ e("span", { style: { color: "rgb(var(--color-on-secondary))" }, children: w }),
+        s ? /* @__PURE__ */ e("p", { className: "mt-4 max-w-xs text-sm leading-6 text-on-secondary/60", children: s }) : null,
+        u ? /* @__PURE__ */ e("div", { className: "mt-6 flex items-center gap-3", children: u }) : null,
+        v ? /* @__PURE__ */ e("div", { className: "mt-6", children: v }) : null
       ] }),
-      l.map((g) => /* @__PURE__ */ n("div", { children: [
-        /* @__PURE__ */ e("h3", { className: "text-xs font-semibold uppercase tracking-[0.16em] text-on-secondary/50", children: g.title }),
-        /* @__PURE__ */ e("ul", { className: "mt-4 space-y-2.5", children: g.links.map((m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-          "a",
+      d.map((M) => /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e("h3", { className: "text-xs font-semibold uppercase tracking-[0.16em] text-on-secondary/50", children: M.title }),
+        /* @__PURE__ */ e("ul", { className: "mt-4 space-y-2.5", children: M.links.map((I) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+          x,
           {
-            href: m.href,
+            href: I.href,
             className: "text-sm text-on-secondary/70 transition-colors duration-150 hover:text-on-secondary",
-            children: m.label
+            children: I.label
           }
-        ) }, m.href)) })
-      ] }, g.title))
+        ) }, I.href)) })
+      ] }, M.title))
     ] }),
     /* @__PURE__ */ n("div", { className: "mt-14 flex flex-col items-center justify-between gap-4 border-t border-white/10 pt-8 text-sm text-on-secondary/50 sm:flex-row", children: [
-      /* @__PURE__ */ e("span", { children: a }),
+      /* @__PURE__ */ e("span", { children: p }),
+      h ? /* @__PURE__ */ e("div", { children: h }) : null,
       /* @__PURE__ */ n("span", { children: [
         "© ",
         (/* @__PURE__ */ new Date()).getFullYear(),
@@ -4164,32 +4215,258 @@ const ft = ({
     ] })
   ] }) });
 };
-ft.displayName = "Footer";
-const Se = "w-full rounded-lg border border-border bg-surface px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background", pt = ({
+Mt.displayName = "Footer";
+const St = new Set(
+  `AD AE AF AG AI AL AM AO AQ AR AS AT AU AW AX AZ BA BB BD BE BF BG BH BI BJ BL BM BN BO BQ BR BS BT BV BW BY BZ
+  CA CC CD CF CG CH CI CK CL CM CN CO CR CU CV CW CX CY CZ DE DJ DK DM DO DZ EC EE EG EH ER ES ET FI FJ FK FM FO FR
+  GA GB GD GE GF GG GH GI GL GM GN GP GQ GR GS GT GU GW GY HK HM HN HR HT HU ID IE IL IM IN IO IQ IR IS IT JE JM JO
+  JP KE KG KH KI KM KN KP KR KW KY KZ LA LB LC LI LK LR LS LT LU LV LY MA MC MD ME MF MG MH MK ML MM MN MO MP MQ MR
+  MS MT MU MV MW MX MY MZ NA NC NE NF NG NI NL NO NP NR NU NZ OM PA PE PF PG PH PK PL PM PN PR PS PT PW PY QA RE RO
+  RS RU RW SA SB SC SD SE SG SH SI SJ SK SL SM SN SO SR SS ST SV SX SY SZ TC TD TF TG TH TJ TK TL TM TN TO TR TT TV
+  TW TZ UA UG UM US UY UZ VA VC VE VG VI VN VU WF WS YE YT ZA ZM ZW`.split(/\s+/)
+);
+function jt(r) {
+  const t = r.toUpperCase();
+  return St.has(t) ? String.fromCodePoint(127462 + t.charCodeAt(0) - 65, 127462 + t.charCodeAt(1) - 65) : "";
+}
+const zt = {
+  sm: "max-w-sm",
+  md: "max-w-lg",
+  lg: "max-w-2xl"
+}, qe = L(
+  ({ className: r, open: t, onClose: o, title: l, description: c, footer: i, size: s = "md", children: d, ...u }, p) => {
+    const h = ce(), m = ce(), v = ge(null), g = ge(o);
+    return _(() => {
+      g.current = o;
+    }, [o]), _(() => {
+      const f = v.current;
+      f && (f.hasAttribute("popover") || f.setAttribute("popover", "auto"));
+    }, []), _(() => {
+      const f = v.current;
+      f && (t ? (f.matches(":popover-open") || f.showPopover(), document.body.style.overflow = "hidden") : (f.matches(":popover-open") && f.hidePopover(), document.body.style.overflow = ""));
+    }, [t]), _(() => {
+      const f = v.current;
+      if (!f) return;
+      const x = (b) => {
+        var N;
+        b.newState === "closed" && ((N = g.current) == null || N.call(g));
+      };
+      return f.addEventListener("toggle", x), () => f.removeEventListener("toggle", x);
+    }, []), _(
+      () => () => {
+        document.body.style.overflow = "";
+      },
+      []
+    ), /* @__PURE__ */ n(
+      "div",
+      {
+        ref: (f) => {
+          v.current = f, typeof p == "function" ? p(f) : p && (p.current = f);
+        },
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": l ? h : void 0,
+        "aria-describedby": c ? m : void 0,
+        className: a(
+          "modal-anim modal-backdrop fixed inset-0 z-[100] m-auto h-fit max-h-[calc(100vh-2rem)] w-fit max-w-[calc(100vw-2rem)] overflow-y-auto rounded-2xl border border-border bg-surface p-6 text-foreground shadow-overlay",
+          zt[s],
+          r
+        ),
+        ...u,
+        children: [
+          l ? /* @__PURE__ */ e(
+            "h2",
+            {
+              id: h,
+              className: "pr-8 font-display text-lg font-semibold tracking-tight text-foreground",
+              children: l
+            }
+          ) : null,
+          c ? /* @__PURE__ */ e("p", { id: m, className: "mt-1.5 text-sm leading-6 text-muted-foreground", children: c }) : null,
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Close dialog",
+              onClick: o,
+              className: "absolute right-4 top-4 inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors duration-150 hover:bg-surface-strong hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              children: /* @__PURE__ */ e(Ce, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: l || c ? "mt-4" : "pt-8", children: d }),
+          i ? /* @__PURE__ */ e("div", { className: "mt-6 flex flex-wrap items-center justify-end gap-3", children: i }) : null
+        ]
+      }
+    );
+  }
+);
+qe.displayName = "Modal";
+const At = ({
+  className: r,
+  languages: t,
+  option: o = "dropdown",
+  value: l,
+  defaultValue: c,
+  onChange: i,
+  align: s = "end",
+  modalTitle: d,
+  showFlag: u = !1,
+  inverse: p = !1,
+  ...h
+}) => {
+  var z;
+  const m = ce(), v = `--ls-${m.replace(/:/g, "")}`, g = ge(null), [f, x] = V(!1), [b, N] = V(c ?? ((z = t[0]) == null ? void 0 : z.code) ?? ""), w = l ?? b, E = t.find((S) => S.code === w) ?? t[0], B = (S) => {
+    N(S), x(!1), i == null || i(S);
+  }, M = (S, { size: G = "text-sm", globeClass: F = "text-muted-foreground" } = {}) => {
+    const H = jt(S);
+    return H ? /* @__PURE__ */ e("span", { "aria-hidden": !0, className: a(G, "leading-none"), children: H }) : /* @__PURE__ */ e(Le, { className: a("h-4 w-4 shrink-0", F) });
+  };
+  if (_(() => {
+    if (!f || o !== "dropdown") return;
+    const S = (F) => {
+      g.current && !g.current.contains(F.target) && x(!1);
+    }, G = (F) => {
+      F.key === "Escape" && x(!1);
+    };
+    return document.addEventListener("pointerdown", S), document.addEventListener("keydown", G), () => {
+      document.removeEventListener("pointerdown", S), document.removeEventListener("keydown", G);
+    };
+  }, [f, o]), t.length === 0) return null;
+  const I = /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      "aria-haspopup": o === "dropdown" ? "listbox" : "dialog",
+      "aria-expanded": f,
+      "aria-controls": o === "dropdown" ? m : void 0,
+      onClick: () => x((S) => !S),
+      style: { anchorName: v },
+      className: a(
+        "inline-flex h-9 cursor-pointer items-center gap-1.5 rounded-lg border px-3 text-[13px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        p ? "border-white/10 text-on-secondary hover:bg-white/10" : "border-border text-foreground hover:bg-surface"
+      ),
+      children: [
+        u ? M(E.code, { globeClass: p ? "opacity-70" : "text-muted-foreground" }) : /* @__PURE__ */ e(
+          Le,
+          {
+            className: a("h-4 w-4", p ? "opacity-70" : "text-muted-foreground")
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: "tracking-tight", children: E.label }),
+        /* @__PURE__ */ e(
+          be,
+          {
+            className: a(
+              "h-3.5 w-3.5 transition-transform duration-150",
+              f && "rotate-180",
+              p ? "opacity-70" : "text-muted-foreground"
+            )
+          }
+        )
+      ]
+    }
+  );
+  return o === "modal" ? /* @__PURE__ */ n(Ne, { children: [
+    /* @__PURE__ */ e("div", { ref: g, className: a("relative inline-flex", r), ...h, children: I }),
+    /* @__PURE__ */ e(qe, { open: f, onClose: () => x(!1), title: d, size: "sm", children: /* @__PURE__ */ e("div", { role: "listbox", "aria-label": "Select language", className: "grid min-w-[19rem] gap-1.5", children: t.map((S) => {
+      const G = S.code === w;
+      return /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          role: "option",
+          "aria-selected": G,
+          onClick: () => B(S.code),
+          className: a(
+            "flex w-full cursor-pointer items-center justify-between gap-3 rounded-lg border px-4 py-3 text-left transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            G ? "border-primary/40 bg-primary-soft text-foreground" : "border-border text-foreground hover:bg-surface-strong"
+          ),
+          children: [
+            /* @__PURE__ */ n("span", { className: "flex items-center gap-3", children: [
+              u ? M(S.code, { size: "text-base" }) : null,
+              /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: S.label })
+            ] }),
+            /* @__PURE__ */ n("span", { className: "flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+              S.code,
+              G ? /* @__PURE__ */ e(ee, { className: "h-4 w-4 text-primary" }) : null
+            ] })
+          ]
+        },
+        S.code
+      );
+    }) }) })
+  ] }) : /* @__PURE__ */ n("div", { ref: g, className: a("relative inline-flex", r), ...h, children: [
+    I,
+    /* @__PURE__ */ e(
+      "div",
+      {
+        id: m,
+        role: "listbox",
+        "aria-label": "Select language",
+        style: {
+          positionAnchor: v,
+          top: "anchor(bottom)",
+          ...s === "start" ? { left: "anchor(left)" } : { right: "anchor(right)" }
+        },
+        className: a(
+          "absolute top-full z-50 mt-2 min-w-[10rem] rounded-lg border border-border bg-surface p-1 shadow-raised transition-all duration-150",
+          s === "start" ? "left-0" : "right-0",
+          f ? "visible translate-y-0 opacity-100" : "pointer-events-none invisible -translate-y-1 opacity-0"
+        ),
+        children: t.map((S) => {
+          const G = S.code === w;
+          return /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": G,
+              onClick: () => B(S.code),
+              className: a(
+                "flex w-full cursor-pointer items-center justify-between gap-3 rounded-md px-3 py-2 text-[13px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                G ? "bg-surface-strong text-foreground" : "text-muted-foreground hover:bg-surface-strong hover:text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ n("span", { className: "flex items-center gap-2.5", children: [
+                  u ? M(S.code) : null,
+                  S.label
+                ] }),
+                G ? /* @__PURE__ */ e(ee, { className: "h-3.5 w-3.5 text-primary" }) : null
+              ]
+            },
+            S.code
+          );
+        })
+      }
+    )
+  ] });
+};
+At.displayName = "LanguageSwitcher";
+const Ie = "w-full rounded-lg border border-border bg-surface px-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background", Tt = ({
   className: r,
   option: t = "inline",
   placeholder: o = "you@company.com",
   buttonLabel: l = "Join",
   successMessage: c = "You’re on the list!",
-  note: a,
+  note: i,
   onSubmit: s,
   ...d
 }) => {
-  const [u, f] = L(""), [g, m] = L(!1), [x, p] = L(null), h = (b) => {
+  const [u, p] = V(""), [h, m] = V(!1), [v, g] = V(null), f = (b) => {
     b.preventDefault();
-    const C = u.trim();
-    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C)) {
-      p("Please enter a valid email.");
+    const N = u.trim();
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(N)) {
+      g("Please enter a valid email.");
       return;
     }
-    p(null), m(!0), s == null || s(C);
-  }, y = /* @__PURE__ */ n("p", { className: "flex items-center gap-2 rounded-lg border border-accent/40 bg-accent/10 px-4 py-3.5 text-sm font-medium text-accent", role: "status", children: [
-    /* @__PURE__ */ e(le, { className: "h-4 w-4" }),
+    g(null), m(!0), s == null || s(N);
+  }, x = /* @__PURE__ */ n("p", { className: "flex items-center gap-2 rounded-lg border border-accent/40 bg-accent/10 px-4 py-3.5 text-sm font-medium text-accent", role: "status", children: [
+    /* @__PURE__ */ e(ee, { className: "h-4 w-4" }),
     c
   ] });
-  return t === "card" ? /* @__PURE__ */ e("form", { onSubmit: h, className: i("w-full", r), ...d, children: g ? y : /* @__PURE__ */ n("div", { className: "rounded-xl border border-border bg-surface p-7", children: [
+  return t === "card" ? /* @__PURE__ */ e("form", { onSubmit: f, className: a("w-full", r), ...d, children: h ? x : /* @__PURE__ */ n("div", { className: "rounded-xl border border-border bg-surface p-7", children: [
     /* @__PURE__ */ n("div", { className: "mb-5 flex items-center gap-3", children: [
-      /* @__PURE__ */ e("span", { className: "inline-flex h-9 w-9 items-center justify-center rounded-lg bg-primary-soft text-primary", children: /* @__PURE__ */ e(Zr, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ e("span", { className: "inline-flex h-9 w-9 items-center justify-center rounded-lg bg-primary-soft text-primary", children: /* @__PURE__ */ e(ct, { className: "h-4 w-4" }) }),
       /* @__PURE__ */ e("p", { className: "font-display text-lg font-semibold tracking-tight text-foreground", children: "Monthly digest" })
     ] }),
     /* @__PURE__ */ e("label", { htmlFor: "newsletter-email", className: "sr-only", children: "Your email address" }),
@@ -4202,10 +4479,10 @@ const Se = "w-full rounded-lg border border-border bg-surface px-4 text-sm text-
           autoComplete: "email",
           value: u,
           onChange: (b) => {
-            f(b.target.value), x && p(null);
+            p(b.target.value), v && g(null);
           },
           placeholder: o,
-          className: i(Se, "h-11")
+          className: a(Ie, "h-11")
         }
       ),
       /* @__PURE__ */ n(
@@ -4215,14 +4492,14 @@ const Se = "w-full rounded-lg border border-border bg-surface px-4 text-sm text-
           className: "inline-flex h-11 shrink-0 cursor-pointer items-center justify-center gap-2 rounded-lg bg-primary px-5 text-sm font-semibold text-on-primary transition-colors duration-200 hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
           children: [
             l,
-            /* @__PURE__ */ e(W, { className: "h-4 w-4 opacity-60" })
+            /* @__PURE__ */ e(X, { className: "h-4 w-4 opacity-60" })
           ]
         }
       )
     ] }),
-    x ? /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-medium text-red-500", role: "alert", children: x }) : a ? /* @__PURE__ */ e("p", { className: "mt-3 text-xs leading-5 text-muted-foreground", children: a }) : null
-  ] }) }) : t === "underline" ? /* @__PURE__ */ n("form", { onSubmit: h, className: i("w-full", r), ...d, children: [
-    g ? y : /* @__PURE__ */ n("div", { className: "flex items-end gap-3 border-b border-foreground/20 pb-3 transition-colors duration-200 focus-within:border-foreground", children: [
+    v ? /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-medium text-red-500", role: "alert", children: v }) : i ? /* @__PURE__ */ e("p", { className: "mt-3 text-xs leading-5 text-muted-foreground", children: i }) : null
+  ] }) }) : t === "underline" ? /* @__PURE__ */ n("form", { onSubmit: f, className: a("w-full", r), ...d, children: [
+    h ? x : /* @__PURE__ */ n("div", { className: "flex items-end gap-3 border-b border-foreground/20 pb-3 transition-colors duration-200 focus-within:border-foreground", children: [
       /* @__PURE__ */ e("label", { htmlFor: "newsletter-email", className: "sr-only", children: "Your email address" }),
       /* @__PURE__ */ e(
         "input",
@@ -4232,7 +4509,7 @@ const Se = "w-full rounded-lg border border-border bg-surface px-4 text-sm text-
           autoComplete: "email",
           value: u,
           onChange: (b) => {
-            f(b.target.value), x && p(null);
+            p(b.target.value), v && g(null);
           },
           placeholder: o,
           className: "w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus:outline-none"
@@ -4245,13 +4522,13 @@ const Se = "w-full rounded-lg border border-border bg-surface px-4 text-sm text-
           className: "inline-flex shrink-0 cursor-pointer items-center gap-1.5 text-sm font-semibold text-foreground transition-colors duration-150 hover:text-primary",
           children: [
             l,
-            /* @__PURE__ */ e(W, { className: "h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5" })
+            /* @__PURE__ */ e(X, { className: "h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5" })
           ]
         }
       )
     ] }),
-    x ? /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-medium text-red-500", role: "alert", children: x }) : a ? /* @__PURE__ */ e("p", { className: "mt-2 text-xs leading-5 text-muted-foreground", children: a }) : null
-  ] }) : /* @__PURE__ */ e("form", { onSubmit: h, className: i("w-full", r), ...d, children: g ? y : /* @__PURE__ */ n(Ae, { children: [
+    v ? /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-medium text-red-500", role: "alert", children: v }) : i ? /* @__PURE__ */ e("p", { className: "mt-2 text-xs leading-5 text-muted-foreground", children: i }) : null
+  ] }) : /* @__PURE__ */ e("form", { onSubmit: f, className: a("w-full", r), ...d, children: h ? x : /* @__PURE__ */ n(Ne, { children: [
     /* @__PURE__ */ e("label", { htmlFor: "newsletter-email", className: "sr-only", children: "Your email address" }),
     /* @__PURE__ */ n("div", { className: "flex flex-col gap-3 sm:flex-row", children: [
       /* @__PURE__ */ e(
@@ -4262,10 +4539,10 @@ const Se = "w-full rounded-lg border border-border bg-surface px-4 text-sm text-
           autoComplete: "email",
           value: u,
           onChange: (b) => {
-            f(b.target.value), x && p(null);
+            p(b.target.value), v && g(null);
           },
           placeholder: o,
-          className: i(Se, "h-11")
+          className: a(Ie, "h-11")
         }
       ),
       /* @__PURE__ */ n(
@@ -4275,49 +4552,49 @@ const Se = "w-full rounded-lg border border-border bg-surface px-4 text-sm text-
           className: "inline-flex h-11 shrink-0 cursor-pointer items-center justify-center gap-2 rounded-lg bg-primary px-5 text-sm font-semibold text-on-primary transition-colors duration-200 hover:bg-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
           children: [
             l,
-            /* @__PURE__ */ e(W, { className: "h-4 w-4 opacity-60" })
+            /* @__PURE__ */ e(X, { className: "h-4 w-4 opacity-60" })
           ]
         }
       )
     ] }),
-    x ? /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-medium text-red-500", role: "alert", children: x }) : a ? /* @__PURE__ */ e("p", { className: "mt-2 text-xs leading-5 text-muted-foreground", children: a }) : null
+    v ? /* @__PURE__ */ e("p", { className: "mt-2 text-sm font-medium text-red-500", role: "alert", children: v }) : i ? /* @__PURE__ */ e("p", { className: "mt-2 text-xs leading-5 text-muted-foreground", children: i }) : null
   ] }) });
 };
-pt.displayName = "Newsletter";
-const ht = {
+Tt.displayName = "Newsletter";
+const Lt = {
   sm: "prose-sm",
   md: "prose",
   lg: "prose-lg",
   xl: "prose-xl",
   "2xl": "prose-2xl"
-}, xt = P(
-  ({ className: r, size: t = "lg", html: o, wide: l = !1, children: c, ...a }, s) => /* @__PURE__ */ e(
+}, Pt = L(
+  ({ className: r, size: t = "lg", html: o, wide: l = !1, children: c, ...i }, s) => /* @__PURE__ */ e(
     "article",
     {
       ref: s,
-      className: i(
+      className: a(
         "prose prose-neutral",
-        ht[t],
+        Lt[t],
         !l && "max-w-3xl",
         r
       ),
       ...o ? { dangerouslySetInnerHTML: { __html: o } } : null,
-      ...a,
+      ...i,
       children: o ? null : c
     }
   )
 );
-xt.displayName = "Prose";
-const bt = P(
-  ({ className: r, ...t }, o) => /* @__PURE__ */ e("p", { ref: o, className: i("lead", r), ...t })
+Pt.displayName = "Prose";
+const Gt = L(
+  ({ className: r, ...t }, o) => /* @__PURE__ */ e("p", { ref: o, className: a("lead", r), ...t })
 );
-bt.displayName = "ProseLead";
-function yt({ name: r, avatar: t }) {
+Gt.displayName = "ProseLead";
+function Et({ name: r, avatar: t }) {
   if (t) return t;
   const o = r.split(" ").map((l) => l[0]).join("").slice(0, 2).toUpperCase();
   return /* @__PURE__ */ e("span", { className: "grid h-8 w-8 shrink-0 place-items-center rounded-full bg-primary-soft text-[11px] font-bold text-primary", children: o });
 }
-const vt = ({ post: r }) => {
+const Bt = ({ post: r }) => {
   var t, o;
   return r.cover ? /* @__PURE__ */ e("img", { src: r.cover, alt: "", loading: "lazy", className: "aspect-[16/10] w-full object-cover" }) : /* @__PURE__ */ e(
     "div",
@@ -4334,20 +4611,21 @@ const vt = ({ post: r }) => {
       )
     }
   );
-}, fe = P(
-  ({ className: r, post: t, option: o = "card", ...l }, c) => {
+}, ye = L(
+  ({ className: r, post: t, option: o = "card", LinkComponent: l, ...c }, i) => {
+    const s = l ?? "a";
     if (o === "row")
       return /* @__PURE__ */ n(
-        "a",
+        s,
         {
-          ref: c,
+          ref: i,
           href: t.href ?? "#",
-          className: i("group flex cursor-pointer items-baseline gap-5 py-6", r),
-          ...l,
+          className: a("group flex cursor-pointer items-baseline gap-5 py-6", r),
+          ...c,
           children: [
             /* @__PURE__ */ n("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-                t.category ? /* @__PURE__ */ e(ue, { variant: "soft", size: "sm", children: t.category }) : null,
+                t.category ? /* @__PURE__ */ e(xe, { variant: "soft", size: "sm", children: t.category }) : null,
                 /* @__PURE__ */ n("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
                   t.date,
                   t.readTime ? ` · ${t.readTime}` : ""
@@ -4355,36 +4633,36 @@ const vt = ({ post: r }) => {
               ] }),
               /* @__PURE__ */ e("h3", { className: "mt-2.5 font-display text-xl font-semibold tracking-tight text-foreground transition-transform duration-200 group-hover:translate-x-1 sm:text-2xl", children: t.title })
             ] }),
-            /* @__PURE__ */ e("span", { className: "text-foreground/30 transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-foreground", children: /* @__PURE__ */ e(Wr, { className: "h-5 w-5" }) })
+            /* @__PURE__ */ e("span", { className: "text-foreground/30 transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-foreground", children: /* @__PURE__ */ e(ot, { className: "h-5 w-5" }) })
           ]
         }
       );
-    const a = t.author;
+    const d = t.author;
     return /* @__PURE__ */ n(
-      "a",
+      s,
       {
-        ref: c,
+        ref: i,
         href: t.href ?? "#",
-        className: i(
+        className: a(
           "group flex h-full cursor-pointer flex-col overflow-hidden rounded-xl border border-border bg-surface transition-colors duration-200 hover:border-foreground/20",
           r
         ),
-        ...l,
+        ...c,
         children: [
-          /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ e(vt, { post: t }) }),
+          /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ e(Bt, { post: t }) }),
           /* @__PURE__ */ n("div", { className: "flex flex-1 flex-col p-6", children: [
             /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-3", children: [
-              t.category ? /* @__PURE__ */ e(ue, { variant: "soft", size: "sm", children: t.category }) : /* @__PURE__ */ e("span", {}),
+              t.category ? /* @__PURE__ */ e(xe, { variant: "soft", size: "sm", children: t.category }) : /* @__PURE__ */ e("span", {}),
               t.readTime ? /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: t.readTime }) : null
             ] }),
             /* @__PURE__ */ e("h3", { className: "mt-4 font-display text-lg font-semibold leading-snug tracking-tight text-foreground sm:text-xl", children: t.title }),
             t.excerpt ? /* @__PURE__ */ e("p", { className: "mt-2.5 line-clamp-2 text-sm leading-6 text-muted-foreground", children: t.excerpt }) : null,
             /* @__PURE__ */ n("div", { className: "mt-5 flex items-center justify-between gap-3 border-t border-border pt-4", children: [
-              a ? /* @__PURE__ */ n("span", { className: "flex min-w-0 items-center gap-2.5", children: [
-                /* @__PURE__ */ e(yt, { name: a.name, avatar: a.avatar }),
-                /* @__PURE__ */ e("span", { className: "truncate text-xs font-medium text-foreground", children: a.name })
+              d ? /* @__PURE__ */ n("span", { className: "flex min-w-0 items-center gap-2.5", children: [
+                /* @__PURE__ */ e(Et, { name: d.name, avatar: d.avatar }),
+                /* @__PURE__ */ e("span", { className: "truncate text-xs font-medium text-foreground", children: d.name })
               ] }) : /* @__PURE__ */ e("span", { className: "text-xs tabular-nums text-muted-foreground", children: t.date }),
-              /* @__PURE__ */ e(W, { className: "h-4 w-4 text-foreground/35 transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-foreground" })
+              /* @__PURE__ */ e(X, { className: "h-4 w-4 text-foreground/35 transition-all duration-200 group-hover:translate-x-0.5 group-hover:text-foreground" })
             ] })
           ] })
         ]
@@ -4392,130 +4670,135 @@ const vt = ({ post: r }) => {
     );
   }
 );
-fe.displayName = "BlogCard";
-const Nt = {
+ye.displayName = "BlogCard";
+const It = {
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-2 lg:grid-cols-3"
-}, wt = P(
+}, Rt = L(
   ({
     className: r,
     posts: t,
     limit: o,
     columns: l = 3,
     option: c = "card",
-    eyebrow: a,
+    eyebrow: i,
     eyebrowStyle: s = "caps",
     title: d,
     description: u,
-    showAllLabel: f,
-    showAllHref: g,
-    ...m
-  }, x) => {
-    const p = o ? t.slice(0, o) : t;
-    return /* @__PURE__ */ e("section", { ref: x, className: i("w-full py-20 sm:py-24", r), ...m, children: /* @__PURE__ */ n(F, { children: [
-      (a || d || u || g) && /* @__PURE__ */ n("div", { className: "mb-12 flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between", children: [
+    showAllLabel: p,
+    showAllHref: h,
+    LinkComponent: m,
+    ...v
+  }, g) => {
+    const f = o ? t.slice(0, o) : t, x = m ?? "a";
+    return /* @__PURE__ */ e("section", { ref: g, className: a("w-full py-20 sm:py-24", r), ...v, children: /* @__PURE__ */ n(D, { children: [
+      (i || d || u || h) && /* @__PURE__ */ n("div", { className: "mb-12 flex flex-col gap-6 sm:flex-row sm:items-end sm:justify-between", children: [
         /* @__PURE__ */ n("div", { className: "max-w-2xl", children: [
-          a ? /* @__PURE__ */ e(
+          i ? /* @__PURE__ */ e(
             "p",
             {
-              className: i(
+              className: a(
                 "text-xs font-semibold uppercase tracking-[0.18em]",
                 s === "caps" && "text-foreground/50",
                 s === "soft" && "inline-flex items-center rounded-full bg-primary-soft px-3 py-1.5 text-primary",
                 s === "plain" && "text-primary"
               ),
-              children: a
+              children: i
             }
           ) : null,
           d ? /* @__PURE__ */ e("h2", { className: "mt-4 font-display text-balance text-3xl font-semibold leading-[1.08] tracking-tight text-foreground sm:text-4xl", children: d }) : null,
           u ? /* @__PURE__ */ e("p", { className: "mt-4 text-pretty text-base leading-7 text-muted-foreground", children: u }) : null
         ] }),
-        g ? /* @__PURE__ */ n(
-          "a",
+        h ? /* @__PURE__ */ n(
+          x,
           {
-            href: g,
+            href: h,
             className: "group inline-flex shrink-0 cursor-pointer items-center gap-1.5 text-sm font-semibold text-foreground transition-colors duration-150 hover:text-primary",
             children: [
-              f ?? "All posts",
-              /* @__PURE__ */ e(W, { className: "h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5" })
+              p ?? "All posts",
+              /* @__PURE__ */ e(X, { className: "h-4 w-4 transition-transform duration-200 group-hover:translate-x-0.5" })
             ]
           }
         ) : null
       ] }),
-      c === "row" ? /* @__PURE__ */ e("div", { className: "divide-y divide-border border-t border-border", children: p.map((h) => /* @__PURE__ */ e(fe, { post: h, option: "row" }, h.title)) }) : /* @__PURE__ */ e("div", { className: i("grid grid-cols-1 gap-4", Nt[l]), children: p.map((h) => /* @__PURE__ */ e(fe, { post: h, option: "card" }, h.title)) })
+      c === "row" ? /* @__PURE__ */ e("div", { className: "divide-y divide-border border-t border-border", children: f.map((b) => /* @__PURE__ */ e(ye, { post: b, option: "row", LinkComponent: m }, b.title)) }) : /* @__PURE__ */ e("div", { className: a("grid grid-cols-1 gap-4", It[l]), children: f.map((b) => /* @__PURE__ */ e(ye, { post: b, option: "card", LinkComponent: m }, b.title)) })
     ] }) });
   }
 );
-wt.displayName = "BlogSection";
+Rt.displayName = "BlogSection";
 export {
-  Yr as ArrowDown,
-  W as ArrowRight,
-  Qr as ArrowUp,
-  Wr as ArrowUpRight,
-  ue as Badge,
-  Pt as BarChart,
-  fe as BlogCard,
-  wt as BlogSection,
-  Ot as Box,
-  Sr as Button,
-  ut as CTA,
-  Br as Card,
-  Gr as CardContent,
-  $r as CardDescription,
-  Er as CardFooter,
-  Lr as CardHeader,
-  Rr as CardTitle,
-  le as Check,
-  ke as ChevronDown,
-  Jr as ChevronLeft,
-  Dr as ChevronRight,
-  Lt as Clock,
-  $t as Code,
-  F as Container,
-  _t as Cpu,
-  Ht as Database,
-  Rt as DollarSign,
-  Ft as ExternalLink,
-  gt as FAQ,
-  ge as FeatureCard,
-  st as FeatureGrid,
-  ft as Footer,
-  At as Gauge,
-  It as Globe,
-  Ur as Hero,
-  zt as Layers,
-  Bt as Lock,
-  nt as LogoCloud,
-  Zr as Mail,
-  tt as MegaMenu,
-  Ee as Menu,
-  et as Navbar,
-  pt as Newsletter,
-  Ut as Palette,
-  Vt as Play,
-  we as Plus,
-  ct as Pricing,
-  xt as Prose,
-  bt as ProseLead,
-  Ve as Quote,
-  Wt as Rocket,
-  _r as Section,
-  $e as SectionHeader,
-  Et as Send,
-  jt as ShieldCheck,
-  qt as Sliders,
-  St as Smartphone,
-  qr as Stack,
-  Xr as Star,
-  at as Stats,
-  Gt as Terminal,
-  ze as TestimonialCard,
-  dt as Testimonials,
-  Tt as Users,
-  Ge as X,
-  Mt as Zap,
-  i as cn,
-  R as getContrastText,
-  he as useTokenForeground
+  nt as ArrowDown,
+  X as ArrowRight,
+  lt as ArrowUp,
+  ot as ArrowUpRight,
+  xe as Badge,
+  Kt as BarChart,
+  ye as BlogCard,
+  Rt as BlogSection,
+  oo as Box,
+  Fr as Button,
+  kt as CTA,
+  Wr as Card,
+  qr as CardContent,
+  Yr as CardDescription,
+  Zr as CardFooter,
+  Kr as CardHeader,
+  Dr as CardTitle,
+  ee as Check,
+  be as ChevronDown,
+  at as ChevronLeft,
+  st as ChevronRight,
+  qt as Clock,
+  _t as Code,
+  D as Container,
+  no as Cpu,
+  to as Database,
+  Zt as DollarSign,
+  eo as ExternalLink,
+  Ct as FAQ,
+  ve as FeatureCard,
+  xt as FeatureGrid,
+  Mt as Footer,
+  Wt as Gauge,
+  Le as Globe,
+  tt as Hero,
+  At as LanguageSwitcher,
+  Ot as Layers,
+  Yt as Lock,
+  gt as LogoCloud,
+  ct as Mail,
+  ft as MegaMenu,
+  Ke as Menu,
+  qe as Modal,
+  mt as Navbar,
+  Tt as Newsletter,
+  lo as Palette,
+  Xt as Play,
+  Te as Plus,
+  yt as Pricing,
+  Pt as Prose,
+  Gt as ProseLead,
+  De as Quote,
+  so as Rocket,
+  rt as Section,
+  We as SectionHeader,
+  Qt as Send,
+  Ht as ShieldCheck,
+  ro as Sliders,
+  Ue as Slot,
+  Ut as Smartphone,
+  Qr as Stack,
+  it as Star,
+  bt as Stats,
+  Jt as Terminal,
+  Be as TestimonialCard,
+  Nt as Testimonials,
+  Dt as Users,
+  Ce as X,
+  $t as Zap,
+  a as cn,
+  $ as getContrastText,
+  jt as iso2ToFlagEmoji,
+  ke as useTokenForeground
 };
 //# sourceMappingURL=index.js.map