@ugurdemirel/landcraft 0.1.0

package/dist/index.js

@@ -0,0 +1,4521 @@
+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) {
+  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);
+  } 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);
+  return l;
+}
+const pe = "-", _e = (r) => {
+  const t = We(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);
+    },
+    getConflictingClassGroupIds: (s, d) => {
+      const u = o[s] || [];
+      return d && l[s] ? [...u, ...l[s]] : u;
+    }
+  };
+}, Te = (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;
+  if (c)
+    return c;
+  if (t.validators.length === 0)
+    return;
+  const a = r.join(pe);
+  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(":"));
+    if (o)
+      return "arbitrary.." + o;
+  }
+}, We = (r) => {
+  const {
+    theme: t,
+    prefix: o
+  } = r, l = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  return Qe(Object.entries(r.classGroups), o).forEach(([a, s]) => {
+    me(s, l, a, t);
+  }), l;
+}, me = (r, t, o, l) => {
+  r.forEach((c) => {
+    if (typeof c == "string") {
+      const a = c === "" ? t : be(t, c);
+      a.classGroupId = o;
+      return;
+    }
+    if (typeof c == "function") {
+      if (Ye(c)) {
+        me(c(l), t, o, l);
+        return;
+      }
+      t.validators.push({
+        validator: c,
+        classGroupId: o
+      });
+      return;
+    }
+    Object.entries(c).forEach(([a, s]) => {
+      me(s, be(t, a), o, l);
+    });
+  });
+}, be = (r, t) => {
+  let o = r;
+  return t.split(pe).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);
+  return [o, c];
+}) : r, De = (r) => {
+  if (r < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  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());
+  };
+  return {
+    get(a) {
+      let s = o.get(a);
+      if (s !== void 0)
+        return s;
+      if ((s = l.get(a)) !== void 0)
+        return c(a, s), s;
+    },
+    set(a, s) {
+      o.has(a) ? o.set(a, s) : c(a, s);
+    }
+  };
+}, Ie = "!", Je = (r) => {
+  const {
+    separator: t,
+    experimentalParseClassName: o
+  } = r, l = t.length === 1, c = t[0], a = t.length, s = (d) => {
+    const u = [];
+    let f = 0, g = 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;
+          continue;
+        }
+        if (C === "/") {
+          m = b;
+          continue;
+        }
+      }
+      C === "[" ? f++ : C === "]" && f--;
+    }
+    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;
+    return {
+      modifiers: u,
+      hasImportantModifier: p,
+      baseClassName: h,
+      maybePostfixModifierPosition: y
+    };
+  };
+  return o ? (d) => o({
+    className: d,
+    parseClassName: s
+  }) : s;
+}, Xe = (r) => {
+  if (r.length <= 1)
+    return r;
+  const t = [];
+  let o = [];
+  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) => {
+  const {
+    parseClassName: o,
+    getClassGroupId: l,
+    getConflictingClassGroupIds: c
+  } = t, a = [], s = r.trim().split(Ke);
+  let d = "";
+  for (let u = s.length - 1; u >= 0; u -= 1) {
+    const f = s[u], {
+      modifiers: g,
+      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);
+        continue;
+      }
+      if (y = l(x), !y) {
+        d = f + (d.length > 0 ? " " + d : d);
+        continue;
+      }
+      h = !1;
+    }
+    const b = Xe(g).join(":"), C = m ? b + Ie : b, w = C + y;
+    if (a.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);
+    }
+    d = f + (d.length > 0 ? " " + d : d);
+  }
+  return d;
+};
+function rr() {
+  let r = 0, t, o, l = "";
+  for (; r < arguments.length; )
+    (t = arguments[r++]) && (o = Be(t)) && (l && (l += " "), l += o);
+  return l;
+}
+const Be = (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);
+  return o;
+};
+function tr(r, ...t) {
+  let o, l, c, a = 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);
+  }
+  function d(u) {
+    const f = l(u);
+    if (f)
+      return f;
+    const g = er(u, o);
+    return c(u, g), g;
+  }
+  return function() {
+    return a(rr.apply(null, arguments));
+  };
+}
+const S = (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);
+  return l ? l[1] ? typeof t == "string" ? l[1] === t : t.has(l[1]) : o(l[2]) : !1;
+}, xr = (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];
+  return {
+    cacheSize: 500,
+    separator: ":",
+    theme: {
+      colors: [Z],
+      spacing: [$, E],
+      blur: ["none", "", V, N],
+      brightness: A(),
+      borderColor: [r],
+      borderRadius: ["none", "", "full", V, N],
+      borderSpacing: M(),
+      borderWidth: re(),
+      contrast: A(),
+      grayscale: z(),
+      hueRotate: A(),
+      invert: z(),
+      gap: M(),
+      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()
+    },
+    classGroups: {
+      // Layout
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", "video", N]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [V]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": j()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": j()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: [...J(), N]
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: Q()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": Q()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": Q()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: _()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": _()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": _()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: [y]
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": [y]
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": [y]
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: [y]
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: [y]
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: [y]
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: [y]
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: [y]
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: [y]
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: ["auto", X, N]
+      }],
+      // Flexbox and Grid
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: D()
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["wrap", "wrap-reverse", "nowrap"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: ["1", "auto", "initial", "none", N]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: z()
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: z()
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: ["first", "last", "none", X, N]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": [Z]
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ["auto", {
+          span: ["full", X, N]
+        }, N]
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": q()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": q()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": [Z]
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ["auto", {
+          span: [X, N]
+        }, N]
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": q()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": q()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": ["auto", "min", "max", "fr", N]
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": ["auto", "min", "max", "fr", N]
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: [x]
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": [x]
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": [x]
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: ["normal", ...v()]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": ["start", "end", "center", "stretch"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...v(), "baseline"]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", "start", "end", "center", "stretch", "baseline"]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": [...v(), "baseline"]
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: [w]
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: [w]
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: [w]
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: [w]
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: [w]
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: [w]
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: [w]
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: [w]
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: [w]
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: [b]
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: [b]
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: [b]
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: [b]
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: [b]
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: [b]
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: [b]
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: [b]
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: [b]
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x": [{
+        "space-x": [O]
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y": [{
+        "space-y": [O]
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // Sizing
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", N, t]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [N, 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]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: [N, 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"]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": [N, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [N, t, "auto", "min", "max", "fit"]
+      }],
+      // Typography
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", V, E]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", se]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [Z]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", N]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": ["none", U, se]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", $, N]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", N]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["none", "disc", "decimal", N]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: [r]
+      }],
+      /**
+       * Placeholder Opacity
+       * @see https://tailwindcss.com/docs/placeholder-opacity
+       */
+      "placeholder-opacity": [{
+        "placeholder-opacity": [C]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: [r]
+      }],
+      /**
+       * Text Opacity
+       * @see https://tailwindcss.com/docs/text-opacity
+       */
+      "text-opacity": [{
+        "text-opacity": [C]
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...H(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: ["auto", "from-font", $, E]
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": ["auto", $, N]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: [r]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: M()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", N]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", N]
+      }],
+      // Backgrounds
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Opacity
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/background-opacity
+       */
+      "bg-opacity": [{
+        "bg-opacity": [C]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: [...J(), gr]
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: ["no-repeat", {
+          repeat: ["", "x", "y", "round", "space"]
+        }]
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: ["auto", "cover", "contain", ur]
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+        }, pr]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: [r]
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: [h]
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: [h]
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: [h]
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: [p]
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: [p]
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: [p]
+      }],
+      // Borders
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: [a]
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": [a]
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": [a]
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": [a]
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": [a]
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": [a]
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": [a]
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": [a]
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": [a]
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": [a]
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": [a]
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": [a]
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": [a]
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": [a]
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": [a]
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: [d]
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": [d]
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": [d]
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": [d]
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": [d]
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": [d]
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": [d]
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": [d]
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": [d]
+      }],
+      /**
+       * Border Opacity
+       * @see https://tailwindcss.com/docs/border-opacity
+       */
+      "border-opacity": [{
+        "border-opacity": [C]
+      }],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...H(), "hidden"]
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x": [{
+        "divide-x": [d]
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y": [{
+        "divide-y": [d]
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Divide Opacity
+       * @see https://tailwindcss.com/docs/divide-opacity
+       */
+      "divide-opacity": [{
+        "divide-opacity": [C]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/divide-style
+       */
+      "divide-style": [{
+        divide: H()
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: [c]
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": [c]
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": [c]
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": [c]
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": [c]
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": [c]
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": [c]
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": [c]
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": [c]
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: [c]
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: ["", ...H()]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [$, N]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: [$, E]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: [r]
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w": [{
+        ring: re()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/ring-color
+       */
+      "ring-color": [{
+        ring: [r]
+      }],
+      /**
+       * Ring Opacity
+       * @see https://tailwindcss.com/docs/ring-opacity
+       */
+      "ring-opacity": [{
+        "ring-opacity": [C]
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://tailwindcss.com/docs/ring-offset-width
+       */
+      "ring-offset-w": [{
+        "ring-offset": [$, E]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://tailwindcss.com/docs/ring-offset-color
+       */
+      "ring-offset-color": [{
+        "ring-offset": [r]
+      }],
+      // Effects
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: ["", "inner", "none", V, hr]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow-color
+       */
+      "shadow-color": [{
+        shadow: [Z]
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [C]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...te(), "plus-lighter", "plus-darker"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": te()
+      }],
+      // Filters
+      /**
+       * Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: ["", "none"]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: [o]
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [l]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [u]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": ["", "none", V, N]
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: [f]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [g]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: [m]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [B]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: [I]
+      }],
+      /**
+       * Backdrop Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": ["", "none"]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": [o]
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [l]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [u]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": [f]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [g]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": [m]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [C]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [B]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": [I]
+      }],
+      // Tables
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": [s]
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": [s]
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": [s]
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // Transitions and Animation
+      /**
+       * Tranisition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", N]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: A()
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "in", "out", "in-out", N]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: A()
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", "spin", "ping", "pulse", "bounce", N]
+      }],
+      // Transforms
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: ["", "gpu", "none"]
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: [T]
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": [T]
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": [T]
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: [X, N]
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": [ee]
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": [ee]
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": [K]
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": [K]
+      }],
+      /**
+       * 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]
+      }],
+      // Interactivity
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: ["auto", r]
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Cursor
+       * @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]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: [r]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["none", "auto"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "y", "x", ""]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": M()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": M()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": M()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": M()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": M()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": M()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": M()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": M()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": M()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": M()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": M()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": M()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": M()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": M()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": M()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": M()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": M()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": M()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", N]
+      }],
+      // SVG
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: [r, "none"]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [$, E, se]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: [r, "none"]
+      }],
+      // Accessibility
+      /**
+       * Screen Readers
+       * @see https://tailwindcss.com/docs/screen-readers
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    }
+  };
+}, Nr = /* @__PURE__ */ tr(vr);
+function i(...r) {
+  return Nr(Oe(r));
+}
+function wr(r) {
+  return typeof window > "u" ? "" : window.getComputedStyle(document.documentElement).getPropertyValue(r).trim();
+}
+function kr(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));
+  }
+  return t;
+}
+function Cr(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("")), {
+      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)) ?? [];
+  if (c.length < 3) return null;
+  const [a, s, d] = c;
+  return {
+    r: Math.max(0, Math.min(255, Math.round(a))),
+    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);
+  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) {
+  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;
+}
+const Mr = {
+  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 = {
+  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(
+  ({
+    className: r,
+    variant: t = "primary",
+    size: o = "md",
+    iconLeft: l,
+    iconRight: c,
+    customColor: a,
+    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(
+      "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,
+        children: [
+          l ? /* @__PURE__ */ e("span", { className: i("shrink-0", !p && "opacity-70"), children: l }) : null,
+          f,
+          c ? /* @__PURE__ */ e(
+            "span",
+            {
+              className: i(
+                "shrink-0 transition-transform duration-200",
+                !p && "opacity-70 group-hover:translate-x-0.5"
+              ),
+              children: c
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Sr.displayName = "Button";
+const Ar = "inline-flex items-center rounded-full font-medium tracking-tight transition-colors duration-200", Pr = {
+  sm: "px-2.5 py-0.5 text-xs gap-1",
+  md: "px-3 py-1 text-[13px] gap-1.5"
+}, Tr = {
+  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;
+    return /* @__PURE__ */ n(
+      "span",
+      {
+        ref: u,
+        style: f,
+        className: i(
+          Ar,
+          Pr[o],
+          c ? void 0 : Tr[t],
+          r
+        ),
+        ...d,
+        children: [
+          t === "dot" ? /* @__PURE__ */ e(
+            "span",
+            {
+              "aria-hidden": !0,
+              className: i(
+                "h-1.5 w-1.5 shrink-0 rounded-full",
+                c ? "currentColor" : "bg-primary"
+              ),
+              style: c ? { backgroundColor: c } : void 0
+            }
+          ) : null,
+          l ? /* @__PURE__ */ e("span", { className: "shrink-0 opacity-70", children: l }) : null,
+          s
+        ]
+      }
+    );
+  }
+);
+ue.displayName = "Badge";
+const Ir = {
+  outlined: "border border-border bg-surface",
+  elevated: "border border-border bg-surface shadow-soft",
+  inset: "bg-surface-strong"
+}, Br = P(
+  ({ className: r, variant: t = "outlined", interactive: o = !1, ...l }, c) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: c,
+      className: i(
+        "rounded-xl transition-[border-color,box-shadow,transform] duration-200",
+        Ir[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
+      ),
+      ...l
+    }
+  )
+);
+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: [
+    t ? /* @__PURE__ */ e("div", { className: "mb-1.5", children: t }) : null,
+    o
+  ] })
+);
+Lr.displayName = "CardHeader";
+const Rr = P(
+  ({ className: r, ...t }, o) => /* @__PURE__ */ e(
+    "h3",
+    {
+      ref: o,
+      className: i("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 })
+);
+$r.displayName = "CardDescription";
+const Gr = P(
+  ({ className: r, ...t }, o) => /* @__PURE__ */ e("div", { ref: o, className: i("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 })
+);
+Er.displayName = "CardFooter";
+const Vr = {
+  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(
+    t ?? "div",
+    {
+      ref: a,
+      className: i(
+        "mx-auto w-full",
+        o !== "full" && Vr[o],
+        l && "px-5 sm:px-8",
+        r
+      ),
+      ...c
+    }
+  )
+);
+F.displayName = "Container";
+const Fr = {
+  0: "gap-0",
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  8: "gap-8",
+  10: "gap-10",
+  12: "gap-12",
+  16: "gap-16",
+  20: "gap-20"
+}, qr = P(
+  ({ className: r, gap: t = 4, horizontal: o = !1, ...l }, c) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: c,
+      className: i(
+        "flex",
+        o ? "flex-row flex-wrap items-center" : "flex-col",
+        Fr[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,
+    "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(
+    "div",
+    {
+      ref: u,
+      className: i(
+        "mb-14 max-w-2xl",
+        a === "center" && "mx-auto text-center",
+        r
+      ),
+      ...d,
+      children: [
+        t ? /* @__PURE__ */ e("p", { className: Hr[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
+      ]
+    }
+  )
+);
+$e.displayName = "SectionHeader";
+const Or = {
+  sm: "py-14",
+  md: "py-20 sm:py-24",
+  lg: "py-24 sm:py-32"
+}, _r = P(
+  ({
+    className: r,
+    containerClassName: t,
+    size: o = "md",
+    eyebrow: l,
+    eyebrowStyle: c,
+    title: a,
+    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,
+      {
+        eyebrow: l,
+        eyebrowStyle: c,
+        title: a,
+        description: s,
+        align: d
+      }
+    ) : null,
+    u
+  ] }) })
+);
+_r.displayName = "Section";
+function ve(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;
+  });
+  return qe(() => {
+    const c = () => {
+      const s = ve(r);
+      l(s ? R(s) : t);
+    };
+    c();
+    const a = new MutationObserver(c);
+    return a.observe(document.documentElement, {
+      attributes: !0,
+      attributeFilter: ["style", "class"]
+    }), () => a.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,
+      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: [
+          /* @__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 }),
+            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,
+            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
+            ] }, w.label)) }) : null
+          ] }),
+          d ? /* @__PURE__ */ e("div", { className: "w-full self-center", children: d }) : null
+        ] })
+      }
+    ) : x ? /* @__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: [
+          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 }),
+          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(
+            "li",
+            {
+              className: i(
+                "flex items-center gap-2 text-sm text-muted-foreground",
+                B > 0 && "sm:border-l sm:border-border sm:pl-9"
+              ),
+              children: [
+                w.icon ? /* @__PURE__ */ e("span", { className: "text-foreground/35", children: w.icon }) : null,
+                w.label
+              ]
+            },
+            w.label
+          )) }) : null,
+          d ? /* @__PURE__ */ e("div", { className: "mt-16 w-full", children: d }) : null
+        ] })
+      }
+    ) : /* @__PURE__ */ n(
+      "section",
+      {
+        ref: m,
+        id: f,
+        className: i("relative w-full overflow-hidden bg-secondary", r),
+        style: { color: h },
+        ...g,
+        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__ */ 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 },
+                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: [
+              w.icon ? /* @__PURE__ */ e("span", { children: w.icon }) : null,
+              w.label
+            ] }, w.label)) }) : null
+          ] })
+        ]
+      }
+    );
+  }
+);
+Ur.displayName = "Hero";
+const k = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.5,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": !0
+}, W = (r) => /* @__PURE__ */ n("svg", { ...k, ...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: [
+  /* @__PURE__ */ e("path", { d: "M7 17 17 7" }),
+  /* @__PURE__ */ e("path", { d: "M8 7h9v9" })
+] }), Yr = (r) => /* @__PURE__ */ n("svg", { ...k, ...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: [
+  /* @__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: [
+  /* @__PURE__ */ e("path", { d: "M12 5v14" }),
+  /* @__PURE__ */ e("path", { d: "M5 12h14" })
+] }), Ge = (r) => /* @__PURE__ */ n("svg", { ...k, ...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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "9" }),
+  /* @__PURE__ */ e("path", { d: "M12 7v5l3 2" })
+] }), Rt = (r) => /* @__PURE__ */ n("svg", { ...k, ...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: [
+  /* @__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: [
+  /* @__PURE__ */ e("path", { d: "m5 17 5-5-5-5" }),
+  /* @__PURE__ */ e("path", { d: "M13 19h6" })
+] }), Et = (r) => /* @__PURE__ */ n("svg", { ...k, ...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: [
+  /* @__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: [
+  /* @__PURE__ */ e("path", { d: "M4 6h10" }),
+  /* @__PURE__ */ e("path", { d: "M18 6h2" }),
+  /* @__PURE__ */ e("circle", { cx: "16", cy: "6", r: "2" }),
+  /* @__PURE__ */ e("path", { d: "M4 12h2" }),
+  /* @__PURE__ */ e("path", { d: "M10 12h10" }),
+  /* @__PURE__ */ e("circle", { cx: "8", cy: "12", r: "2" }),
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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: [
+  /* @__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 = {
+  classic: "text-muted-foreground hover:text-foreground",
+  floating: "text-muted-foreground hover:text-foreground",
+  inverse: "text-on-secondary/60 hover:text-on-secondary"
+}, et = ({
+  className: r,
+  variant: t = "classic",
+  brand: o,
+  logo: l,
+  logoSrc: c,
+  logoAlt: a,
+  logoClassName: s,
+  brandHref: d = "#",
+  links: u,
+  actions: f,
+  cta: g,
+  sticky: m = !0,
+  ...x
+}) => {
+  const [p, h] = L(!1), y = t === "inverse", b = i(
+    "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 === "floating" && "px-0",
+    t === "inverse" && "border-b border-white/10 bg-[#101010]/85 backdrop-blur-md"
+  ), C = i(
+    "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(
+    "img",
+    {
+      src: c,
+      alt: a ?? (typeof o == "string" ? o : "Logo"),
+      className: i("h-7 w-auto", s)
+    }
+  ) : null), B = w ? /* @__PURE__ */ e("span", { className: "flex items-center", children: w }) : /* @__PURE__ */ n(
+    "span",
+    {
+      className: i(
+        "flex items-center gap-2 font-display text-[17px] font-bold tracking-tight",
+        y ? "text-on-secondary" : "text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: i(
+              "inline-block h-2.5 w-2.5 rounded-sm",
+              y ? "bg-on-secondary" : "bg-foreground"
+            )
+          }
+        ),
+        o
+      ]
+    }
+  );
+  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",
+        {
+          href: T.href,
+          className: i(
+            "text-sm font-medium transition-colors duration-150",
+            Kr[t]
+          ),
+          children: T.label
+        }
+      ) }, T.href)) }),
+      /* @__PURE__ */ n("div", { className: "hidden items-center gap-3 md:flex", children: [
+        f,
+        g
+      ] }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "aria-label": p ? "Close menu" : "Open menu",
+          "aria-expanded": p,
+          onClick: () => h((T) => !T),
+          className: i(
+            "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"
+          ),
+          children: p ? /* @__PURE__ */ e(Ge, { className: "h-5 w-5" }) : /* @__PURE__ */ e(Ee, { className: "h-5 w-5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(
+          "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"
+        ),
+        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",
+            {
+              href: T.href,
+              onClick: () => h(!1),
+              className: i(
+                "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"
+              ),
+              children: T.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
+        ] }) })
+      }
+    )
+  ] });
+};
+et.displayName = "Navbar";
+const rt = {
+  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 = ({
+  className: r,
+  variant: t = "classic",
+  brand: o,
+  logo: l,
+  logoSrc: c,
+  logoAlt: a,
+  logoClassName: s,
+  brandHref: d = "#",
+  items: u,
+  actions: f,
+  cta: g,
+  sticky: m = !0,
+  onKeyDown: x,
+  ...p
+}) => {
+  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(
+    "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(
+    "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(
+    "img",
+    {
+      src: c,
+      alt: a ?? (typeof o == "string" ? o : "Logo"),
+      className: i("h-7 w-auto", s)
+    }
+  ) : null), re = M ? /* @__PURE__ */ e("span", { className: "flex items-center", children: M }) : /* @__PURE__ */ n(
+    "span",
+    {
+      className: i(
+        "flex items-center gap-2 font-display text-[17px] font-bold tracking-tight",
+        I ? "text-on-secondary" : "text-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: i(
+              "inline-block h-2.5 w-2.5 rounded-sm",
+              I ? "bg-on-secondary" : "bg-foreground"
+            )
+          }
+        ),
+        o
+      ]
+    }
+  ), q = i(
+    "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;
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(
+          "grid gap-x-10 gap-y-8 sm:grid-cols-2",
+          v.featured ? "" : "lg:grid-cols-3"
+        ),
+        children: (z = v.columns) == null ? void 0 : z.map((j, A) => /* @__PURE__ */ n("div", { children: [
+          j.title ? /* @__PURE__ */ e(
+            "h4",
+            {
+              className: i(
+                "text-xs font-semibold uppercase tracking-[0.14em]",
+                I ? "text-on-secondary/45" : "text-muted-foreground/70"
+              ),
+              children: j.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",
+            {
+              href: G.href,
+              onClick: O,
+              className: i(
+                "-mx-2 block rounded-md px-2 py-2 transition-colors duration-150",
+                I ? "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(
+                  "span",
+                  {
+                    className: i(
+                      "mt-0.5 block text-[13px] leading-snug",
+                      I ? "text-on-secondary/50" : "text-muted-foreground"
+                    ),
+                    children: G.description
+                  }
+                ) : null
+              ]
+            }
+          ) }, G.href)) })
+        ] }, j.title ?? A))
+      }
+    );
+  }, 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;
+    return /* @__PURE__ */ n(
+      "a",
+      {
+        href: j.href,
+        onClick: O,
+        className: i(
+          "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"
+        ),
+        style: A,
+        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
+            ] }),
+            j.cta ? /* @__PURE__ */ n("span", { className: "text-sm font-semibold underline decoration-1 underline-offset-4", children: [
+              j.cta,
+              " →"
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              "aria-hidden": !0,
+              className: "pointer-events-none absolute -right-8 -top-8 h-28 w-28 rounded-full opacity-20 blur-2xl bg-black/40"
+            }
+          )
+        ]
+      }
+    );
+  }, te = (v) => {
+    v.key === "Escape" && O(), x == null || x(v);
+  };
+  return /* @__PURE__ */ n(
+    "header",
+    {
+      className: i(Q, t === "floating" && "px-3 sm:px-6", r),
+      onKeyDown: te,
+      ...p,
+      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(
+              "button",
+              {
+                type: "button",
+                "aria-haspopup": "true",
+                "aria-expanded": A,
+                "aria-controls": _(z),
+                onClick: () => b(A ? null : z),
+                onMouseEnter: () => b(z),
+                className: i(
+                  q,
+                  A && (I ? "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(
+                      "span",
+                      {
+                        className: i(
+                          "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"
+                        ),
+                        children: v.badge
+                      }
+                    ) : null
+                  ] }),
+                  /* @__PURE__ */ e(
+                    ke,
+                    {
+                      className: i(
+                        "h-4 w-4 shrink-0 transition-transform duration-150",
+                        A && "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("div", { className: "hidden items-center gap-3 lg:flex", children: [
+            f,
+            g
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              "aria-label": C ? "Close menu" : "Open menu",
+              "aria-expanded": C,
+              onClick: () => w((v) => !v),
+              className: i(
+                "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"
+              ),
+              children: C ? /* @__PURE__ */ e(Ge, { className: "h-5 w-5" }) : /* @__PURE__ */ e(Ee, { 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;
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              id: _(z),
+              role: "region",
+              "aria-label": `${v.label} menu`,
+              onMouseEnter: () => b(z),
+              className: i(
+                "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"
+              ),
+              children: /* @__PURE__ */ n(
+                "div",
+                {
+                  className: i(
+                    "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" : ""
+                  ),
+                  children: [
+                    J(v),
+                    v.featured && /* @__PURE__ */ e("div", { className: i("mt-8 max-w-sm lg:mt-0 lg:w-64"), children: H(v) })
+                  ]
+                }
+              )
+            },
+            v.label
+          );
+        }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: i(
+              "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"
+            ),
+            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: [
+                    /* @__PURE__ */ n(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-expanded": B === z,
+                        onClick: () => T((A) => A === z ? null : z),
+                        className: i(
+                          "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"
+                        ),
+                        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
+                          ] }),
+                          /* @__PURE__ */ e(
+                            ke,
+                            {
+                              className: i(
+                                "h-4 w-4 shrink-0 transition-transform duration-150",
+                                B === z && "rotate-180"
+                              )
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: i(
+                          "grid transition-[grid-template-rows,opacity] duration-200",
+                          B === z ? "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
+                        ] }) })
+                      }
+                    )
+                  ] }, v.label) : /* @__PURE__ */ e("li", { className: "px-5", children: /* @__PURE__ */ e(
+                    "a",
+                    {
+                      href: v.href ?? "#",
+                      onClick: () => w(!1),
+                      className: i(
+                        "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"
+                      ),
+                      children: v.label
+                    }
+                  ) }, v.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
+            ] }) })
+          }
+        )
+      ]
+    }
+  );
+};
+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(
+  "img",
+  {
+    src: r.src,
+    alt: r.name,
+    loading: "lazy",
+    className: i(
+      "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) => {
+    if (l === "marquee") {
+      const s = [...t, ...t];
+      return /* @__PURE__ */ n("div", { ref: a, className: i("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}`)) }) })
+      ] });
+    }
+    return l === "strip" ? /* @__PURE__ */ n("div", { ref: a, className: i("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: [
+      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)) })
+    ] });
+  }
+);
+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;
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: d,
+        className: i(
+          "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
+        ),
+        ...s,
+        children: [
+          t ? /* @__PURE__ */ e(
+            "div",
+            {
+              className: i(
+                "mb-5 inline-flex h-10 w-10 items-center justify-center rounded-lg text-[1.05rem]",
+                !c && "bg-primary-soft text-primary"
+              ),
+              style: u,
+              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
+        ]
+      }
+    );
+  }
+);
+ge.displayName = "FeatureCard";
+const lt = {
+  2: "sm:grid-cols-2",
+  3: "sm:grid-cols-2 lg:grid-cols-3",
+  4: "sm:grid-cols-2 lg:grid-cols-4"
+}, Ce = [
+  "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(
+    "div",
+    {
+      className: "group flex flex-col gap-3 py-6 transition-colors duration-200 sm:flex-row sm:items-baseline sm:gap-10",
+      children: [
+        /* @__PURE__ */ e("span", { className: "text-sm font-medium tabular-nums text-muted-foreground/60 sm:w-12", children: String(d + 1).padStart(2, "0") }),
+        /* @__PURE__ */ n("div", { className: "flex-1 sm:flex sm:items-baseline sm:justify-between sm:gap-10", children: [
+          /* @__PURE__ */ e("h3", { className: "font-display text-xl font-semibold tracking-tight text-foreground sm:w-2/5", children: s.title }),
+          /* @__PURE__ */ e("p", { className: "mt-1.5 text-sm leading-7 text-muted-foreground sm:mt-0 sm:w-1/2", children: s.description })
+        ] }),
+        s.icon ? /* @__PURE__ */ e("span", { className: "hidden text-foreground/30 sm:inline-flex", children: s.icon }) : null
+      ]
+    },
+    d
+  )) }) }) : o === "bento" ? /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      className: i(
+        "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
+      )
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      ref: a,
+      className: i(
+        "grid grid-cols-1 gap-4",
+        lt[l],
+        r
+      ),
+      ...c,
+      children: t.map((s, d) => /* @__PURE__ */ e(ge, { ...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 = {
+  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;
+  return /* @__PURE__ */ n(
+    "span",
+    {
+      className: i(
+        "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"
+      ),
+      children: [
+        /* @__PURE__ */ e(o, { className: "h-3 w-3" }),
+        Math.abs(r),
+        "%"
+      ]
+    }
+  );
+}
+const at = P(
+  ({ className: r, stats: t, option: o = "editorial", columns: l = 4, ...c }, a) => o === "ticker" ? /* @__PURE__ */ e(
+    "dl",
+    {
+      ref: a,
+      className: i(
+        "flex w-full items-stretch overflow-x-auto rounded-2xl border border-border bg-surface",
+        r
+      ),
+      ...c,
+      children: t.map((s, d) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: i(
+            "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
+            ] }),
+            /* @__PURE__ */ n("dd", { className: i(oe, "text-3xl", s.accent ? "text-primary" : void 0), children: [
+              s.value,
+              s.suffix ? /* @__PURE__ */ e("span", { className: ne, children: s.suffix }) : null
+            ] }),
+            s.sub ? /* @__PURE__ */ e("p", { className: "text-[13px] leading-5 text-muted-foreground", children: s.sub }) : null
+          ]
+        },
+        s.label
+      ))
+    }
+  ) : o === "cells" ? /* @__PURE__ */ e(
+    "dl",
+    {
+      ref: a,
+      className: i("grid grid-cols-1 gap-4", de[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: [
+              s.value,
+              s.suffix ? /* @__PURE__ */ e("span", { className: ne, 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 }),
+              s.icon ? /* @__PURE__ */ e("span", { className: "text-foreground/30", children: s.icon }) : null
+            ] })
+          ]
+        },
+        s.label
+      ))
+    }
+  ) : o === "hairline" ? /* @__PURE__ */ e(
+    "dl",
+    {
+      ref: a,
+      className: i("grid grid-cols-1 gap-y-10", de[l], r),
+      ...c,
+      children: t.map((s, d) => /* @__PURE__ */ n(
+        "div",
+        {
+          className: i(
+            "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: [
+              s.value,
+              s.suffix ? /* @__PURE__ */ e("span", { className: ne, children: s.suffix }) : null
+            ] }),
+            /* @__PURE__ */ e("dt", { className: "mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: s.label })
+          ]
+        },
+        s.label
+      ))
+    }
+  ) : /* @__PURE__ */ e(
+    "dl",
+    {
+      ref: a,
+      className: i("grid grid-cols-1 gap-x-10 gap-y-12", de[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
+        ] }),
+        /* @__PURE__ */ n(
+          "dd",
+          {
+            className: i(
+              oe,
+              "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.sub ? /* @__PURE__ */ e("p", { className: "mt-3 max-w-xs text-[13px] leading-5 text-muted-foreground", children: s.sub }) : null
+      ] }, s.label))
+    }
+  )
+);
+at.displayName = "Stats";
+function je({
+  value: r,
+  billing: t,
+  dim: o
+}) {
+  return r === null ? /* @__PURE__ */ e("span", { children: "Custom" }) : /* @__PURE__ */ n(Ae, { 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: [
+      "/",
+      t === "monthly" ? "mo" : "yr"
+    ] })
+  ] });
+}
+function it({
+  billing: r,
+  onChange: t,
+  dark: o
+}) {
+  const l = he("--color-accent");
+  return /* @__PURE__ */ n("div", { className: "mb-10 flex items-center justify-center gap-4", children: [
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: i(
+          "text-sm font-medium transition-colors",
+          r === "monthly" ? o ? "text-white" : "text-foreground" : "text-muted-foreground"
+        ),
+        children: "Monthly"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": r === "yearly",
+        "aria-label": "Billing period",
+        onClick: () => t(r === "monthly" ? "yearly" : "monthly"),
+        className: i(
+          "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"
+        ),
+        children: /* @__PURE__ */ e(
+          "span",
+          {
+            className: i(
+              "inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform duration-200",
+              r === "yearly" ? "translate-x-6" : "translate-x-1"
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ n(
+      "span",
+      {
+        className: i(
+          "flex items-center gap-2 text-sm font-medium transition-colors",
+          r === "yearly" ? o ? "text-white" : "text-foreground" : "text-muted-foreground"
+        ),
+        children: [
+          "Yearly",
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: "rounded-full bg-accent px-2 py-0.5 text-xs font-semibold",
+              style: { color: l },
+              children: "−2 ay"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+const ct = ({
+  className: r,
+  plans: t,
+  option: o = "cards",
+  defaultBilling: l = "monthly",
+  onSelect: c,
+  ...a
+}) => {
+  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;
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        onClick: () => c == null ? void 0 : c(m, s),
+        className: i(
+          "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"
+        ),
+        style: m.customColor ? { backgroundColor: m.customColor, color: h } : p ? {
+          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" })
+        ]
+      }
+    );
+  };
+  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 /* @__PURE__ */ n(
+      "div",
+      {
+        className: i(
+          "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"
+        ),
+        style: p ? { backgroundColor: p } : 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
+            ] }),
+            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__ */ n("div", { className: "font-display text-2xl font-semibold tracking-tight text-foreground", children: [
+              f(u(m)),
+              u(m) !== null ? /* @__PURE__ */ n("span", { className: "text-sm font-normal text-muted-foreground", children: [
+                "/",
+                s === "monthly" ? "mo" : "yr"
+              ] }) : null
+            ] }),
+            g(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;
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: i(
+          "flex h-full flex-col rounded-xl p-8",
+          p ? "lg:col-span-2" : "border border-border bg-surface"
+        ),
+        style: p ? { backgroundColor: p, color: h } : 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("div", { className: i("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 grid grid-cols-1 gap-x-8 gap-y-2.5 text-sm sm:grid-cols-2",
+                p ? "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))
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "mt-8", children: g(m, !p) })
+        ]
+      },
+      m.name
+    );
+  }) }) }) : /* @__PURE__ */ n("div", { className: i("w-full", r), ...a, children: [
+    /* @__PURE__ */ e(it, { 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;
+      return /* @__PURE__ */ n(
+        "div",
+        {
+          className: i(
+            "relative flex flex-col rounded-xl p-7",
+            p ? "shadow-raised" : "border border-border bg-surface",
+            !p && x && "border-primary"
+          ),
+          style: p ? { backgroundColor: p, color: h } : void 0,
+          children: [
+            x ? /* @__PURE__ */ e(
+              "span",
+              {
+                className: i(
+                  "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"
+                ),
+                style: p ? { 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) })
+          ]
+        },
+        m.name
+      );
+    }) })
+  ] });
+};
+ct.displayName = "Pricing";
+const Fe = (r) => r.split(" ").map((t) => t[0]).join("").slice(0, 2).toUpperCase(), ze = P(
+  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;
+    return /* @__PURE__ */ n(
+      "figure",
+      {
+        ref: c,
+        className: i(
+          "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("blockquote", { className: "flex-1 text-[15px] leading-7 text-foreground/85", children: a }),
+          /* @__PURE__ */ n("figcaption", { className: "mt-6 flex items-center gap-3", children: [
+            f || /* @__PURE__ */ e(
+              "span",
+              {
+                style: x,
+                className: i(
+                  "inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-xs font-bold",
+                  !g && "bg-primary-soft text-primary"
+                ),
+                children: Fe(s)
+              }
+            ),
+            /* @__PURE__ */ n("div", { children: [
+              /* @__PURE__ */ e("div", { className: "text-sm font-semibold text-foreground", children: s }),
+              (d || u) && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: [d, u].filter(Boolean).join(" · ") })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+), dt = ({ className: r, items: t, option: o = "grid", ...l }) => {
+  if (o === "carousel")
+    return /* @__PURE__ */ e(mt, { 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: i("columns-1 gap-4 md:columns-2 lg:columns-3", r), ...l, children: t.map((c, a) => /* @__PURE__ */ e(ze, { testimonial: c }, a)) });
+};
+dt.displayName = "Testimonials";
+function mt({
+  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: [
+    /* @__PURE__ */ n("figure", { className: "relative rounded-2xl border border-border bg-surface p-10 text-center sm:p-14", children: [
+      /* @__PURE__ */ e(
+        Ve,
+        {
+          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,
+          "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__ */ n("figcaption", { className: "mt-8 flex items-center justify-center gap-3", children: [
+        a.avatar ? a.avatar : /* @__PURE__ */ e(
+          "span",
+          {
+            style: s,
+            className: i(
+              "inline-flex h-11 w-11 items-center justify-center rounded-full text-xs font-bold",
+              !a.accent && "bg-foreground text-background"
+            ),
+            children: Fe(a.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__ */ n("div", { className: "mt-6 flex items-center justify-center gap-4", children: [
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "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" })
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5", children: r.map((u, f) => /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Testimonial ${f + 1}`,
+          "aria-current": f === l,
+          onClick: () => c(f),
+          className: i(
+            "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"
+          )
+        },
+        f
+      )) }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          "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" })
+        }
+      )
+    ] })
+  ] });
+}
+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(
+      "div",
+      {
+        className: i(
+          "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__ */ 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
+          ] }),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: i(
+                "flex flex-wrap items-center gap-4",
+                s === "center" && "justify-center"
+              ),
+              children: [
+                l,
+                c
+              ]
+            }
+          )
+        ]
+      }
+    ) }) }) : /* @__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(
+      "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
+        },
+        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 -right-24 -top-24 h-72 w-72 rounded-full",
+              style: { background: "rgb(var(--color-accent))", opacity: 0.35, filter: "blur(60px)" }
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: i(
+                "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__ */ 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(
+                        "mt-4 text-pretty text-base leading-7 sm:text-lg",
+                        s === "center" && "mx-auto max-w-xl"
+                      ),
+                      children: o
+                    }
+                  ) : null
+                ] }),
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: i(
+                      "flex flex-wrap items-center gap-4",
+                      s === "center" && "justify-center"
+                    ),
+                    children: [
+                      l,
+                      c
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ) : /* @__PURE__ */ n(
+      "div",
+      {
+        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
+        },
+        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(
+                "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__ */ 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
+                ] }),
+                /* @__PURE__ */ n(
+                  "div",
+                  {
+                    className: i(
+                      "flex flex-wrap items-center gap-4",
+                      s === "center" && "justify-center"
+                    ),
+                    children: [
+                      l,
+                      c
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ) }) });
+  }
+);
+ut.displayName = "CTA";
+const gt = ({
+  className: r,
+  items: t,
+  option: o = "accordion",
+  allowMultiple: l = !1,
+  defaultOpen: c = [],
+  eyebrow: a,
+  title: s,
+  description: d,
+  ...u
+}) => {
+  const [f, g] = L(
+    () => 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;
+    });
+  }, x = (h) => /* @__PURE__ */ e("p", { className: "text-xs font-semibold uppercase tracking-[0.18em] text-primary", children: h });
+  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(
+        "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("p", { className: "mt-4 border-t border-border pt-4 text-sm leading-6 text-muted-foreground", children: h.answer })
+          ]
+        },
+        h.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);
+    return /* @__PURE__ */ n("div", { children: [
+      /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": b,
+          onClick: () => m(y),
+          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,
+            /* @__PURE__ */ e(
+              we,
+              {
+                className: i(
+                  "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"
+                )
+              }
+            )
+          ]
+        }
+      ) }),
+      b ? /* @__PURE__ */ e("p", { className: "px-6 pb-6 text-sm leading-7 text-muted-foreground", children: h.answer }) : null
+    ] }, h.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: [
+    /* @__PURE__ */ n("div", { className: "lg:sticky lg:top-24 lg:self-start", children: [
+      a ? x(String(a)) : 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);
+      return /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": b,
+            onClick: () => m(y),
+            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,
+              /* @__PURE__ */ e(
+                we,
+                {
+                  className: i(
+                    "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"
+                  )
+                }
+              )
+            ]
+          }
+        ) }),
+        b ? /* @__PURE__ */ e("p", { className: "pb-6 text-sm leading-7 text-muted-foreground", children: h.answer }) : null
+      ] }, h.question);
+    }) })
+  ] }) : /* @__PURE__ */ e("div", { className: i("mx-auto w-full max-w-3xl", r), ...u, children: p });
+};
+gt.displayName = "FAQ";
+const ft = ({
+  className: r,
+  brand: t,
+  description: o,
+  columns: l,
+  socials: c,
+  bottom: a,
+  option: s = "classic",
+  badge: d,
+  ...u
+}) => {
+  const f = /* @__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: [
+    /* @__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
+      ] }),
+      c ? /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: c }) : 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__ */ 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__ */ n("span", { children: [
+        "© ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " ",
+        t,
+        ". 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__ */ 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
+      ] }),
+      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",
+          {
+            href: m.href,
+            className: "text-sm text-on-secondary/70 transition-colors duration-150 hover:text-on-secondary",
+            children: m.label
+          }
+        ) }, m.href)) })
+      ] }, g.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__ */ n("span", { children: [
+        "© ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " ",
+        t,
+        ". All rights reserved."
+      ] })
+    ] })
+  ] }) });
+};
+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 = ({
+  className: r,
+  option: t = "inline",
+  placeholder: o = "you@company.com",
+  buttonLabel: l = "Join",
+  successMessage: c = "You’re on the list!",
+  note: a,
+  onSubmit: s,
+  ...d
+}) => {
+  const [u, f] = L(""), [g, m] = L(!1), [x, p] = L(null), h = (b) => {
+    b.preventDefault();
+    const C = u.trim();
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C)) {
+      p("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" }),
+    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: [
+    /* @__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("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" }),
+    /* @__PURE__ */ n("div", { className: "flex flex-col gap-3 sm:flex-row", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "newsletter-email",
+          type: "email",
+          autoComplete: "email",
+          value: u,
+          onChange: (b) => {
+            f(b.target.value), x && p(null);
+          },
+          placeholder: o,
+          className: i(Se, "h-11")
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "submit",
+          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" })
+          ]
+        }
+      )
+    ] }),
+    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: [
+      /* @__PURE__ */ e("label", { htmlFor: "newsletter-email", className: "sr-only", children: "Your email address" }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          id: "newsletter-email",
+          type: "email",
+          autoComplete: "email",
+          value: u,
+          onChange: (b) => {
+            f(b.target.value), x && p(null);
+          },
+          placeholder: o,
+          className: "w-full bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus:outline-none"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "submit",
+          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" })
+          ]
+        }
+      )
+    ] }),
+    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: [
+    /* @__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(
+        "input",
+        {
+          id: "newsletter-email",
+          type: "email",
+          autoComplete: "email",
+          value: u,
+          onChange: (b) => {
+            f(b.target.value), x && p(null);
+          },
+          placeholder: o,
+          className: i(Se, "h-11")
+        }
+      ),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "submit",
+          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" })
+          ]
+        }
+      )
+    ] }),
+    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
+  ] }) });
+};
+pt.displayName = "Newsletter";
+const ht = {
+  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(
+    "article",
+    {
+      ref: s,
+      className: i(
+        "prose prose-neutral",
+        ht[t],
+        !l && "max-w-3xl",
+        r
+      ),
+      ...o ? { dangerouslySetInnerHTML: { __html: o } } : null,
+      ...a,
+      children: o ? null : c
+    }
+  )
+);
+xt.displayName = "Prose";
+const bt = P(
+  ({ className: r, ...t }, o) => /* @__PURE__ */ e("p", { ref: o, className: i("lead", r), ...t })
+);
+bt.displayName = "ProseLead";
+function yt({ 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 }) => {
+  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",
+    {
+      className: "grid aspect-[16/10] w-full place-items-center bg-surface-strong",
+      style: r.accent ? { background: `linear-gradient(135deg, ${r.accent}22, ${r.accent}11)` } : void 0,
+      children: /* @__PURE__ */ e(
+        "span",
+        {
+          className: "font-display text-4xl font-bold tracking-[-0.04em]",
+          style: { color: r.accent ?? "rgb(var(--color-foreground) / 0.12)" },
+          children: (o = (t = r.category) == null ? void 0 : t[0]) == null ? void 0 : o.toUpperCase()
+        }
+      )
+    }
+  );
+}, fe = P(
+  ({ className: r, post: t, option: o = "card", ...l }, c) => {
+    if (o === "row")
+      return /* @__PURE__ */ n(
+        "a",
+        {
+          ref: c,
+          href: t.href ?? "#",
+          className: i("group flex cursor-pointer items-baseline gap-5 py-6", r),
+          ...l,
+          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,
+                /* @__PURE__ */ n("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+                  t.date,
+                  t.readTime ? ` · ${t.readTime}` : ""
+                ] })
+              ] }),
+              /* @__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" }) })
+          ]
+        }
+      );
+    const a = t.author;
+    return /* @__PURE__ */ n(
+      "a",
+      {
+        ref: c,
+        href: t.href ?? "#",
+        className: i(
+          "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,
+        children: [
+          /* @__PURE__ */ e("div", { className: "overflow-hidden", children: /* @__PURE__ */ e(vt, { 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.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 })
+              ] }) : /* @__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" })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+fe.displayName = "BlogCard";
+const Nt = {
+  2: "sm:grid-cols-2",
+  3: "sm:grid-cols-2 lg:grid-cols-3"
+}, wt = P(
+  ({
+    className: r,
+    posts: t,
+    limit: o,
+    columns: l = 3,
+    option: c = "card",
+    eyebrow: a,
+    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: [
+        /* @__PURE__ */ n("div", { className: "max-w-2xl", children: [
+          a ? /* @__PURE__ */ e(
+            "p",
+            {
+              className: i(
+                "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
+            }
+          ) : 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",
+          {
+            href: g,
+            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" })
+            ]
+          }
+        ) : 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)) })
+    ] }) });
+  }
+);
+wt.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
+};
+//# sourceMappingURL=index.js.map