@jctrejosi/components-seed 1.0.1

package/bundle/index.es.js

@@ -0,0 +1,811 @@
+import j, { useRef as pe, useState as ee, useEffect as ge } from "react";
+var P = { exports: {} }, N = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var B;
+function be() {
+  if (B) return N;
+  B = 1;
+  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function a(s, o, u) {
+    var m = null;
+    if (u !== void 0 && (m = "" + u), o.key !== void 0 && (m = "" + o.key), "key" in o) {
+      u = {};
+      for (var c in o)
+        c !== "key" && (u[c] = o[c]);
+    } else u = o;
+    return o = u.ref, {
+      $$typeof: t,
+      type: s,
+      key: m,
+      ref: o !== void 0 ? o : null,
+      props: u
+    };
+  }
+  return N.Fragment = r, N.jsx = a, N.jsxs = a, N;
+}
+var O = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var X;
+function ve() {
+  return X || (X = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === fe ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case z:
+          return "Fragment";
+        case se:
+          return "Profiler";
+        case ae:
+          return "StrictMode";
+        case le:
+          return "Suspense";
+        case ue:
+          return "SuspenseList";
+        case me:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case ne:
+            return "Portal";
+          case ie:
+            return (e.displayName || "Context") + ".Provider";
+          case oe:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case ce:
+            var i = e.render;
+            return e = e.displayName, e || (e = i.displayName || i.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case de:
+            return i = e.displayName || null, i !== null ? i : t(e.type) || "Memo";
+          case W:
+            i = e._payload, e = e._init;
+            try {
+              return t(e(i));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(e) {
+      return "" + e;
+    }
+    function a(e) {
+      try {
+        r(e);
+        var i = !1;
+      } catch {
+        i = !0;
+      }
+      if (i) {
+        i = console;
+        var l = i.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
+          i,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          f
+        ), r(e);
+      }
+    }
+    function s(e) {
+      if (e === z) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === W)
+        return "<...>";
+      try {
+        var i = t(e);
+        return i ? "<" + i + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = I.A;
+      return e === null ? null : e.getOwner();
+    }
+    function u() {
+      return Error("react-stack-top-frame");
+    }
+    function m(e) {
+      if (q.call(e, "key")) {
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function c(e, i) {
+      function l() {
+        L || (L = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          i
+        ));
+      }
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
+        configurable: !0
+      });
+    }
+    function h() {
+      var e = t(this.type);
+      return H[e] || (H[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function R(e, i, l, f, v, p, D, F) {
+      return l = p.ref, e = {
+        $$typeof: V,
+        type: e,
+        key: i,
+        props: p,
+        _owner: v
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: h
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: D
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: F
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function T(e, i, l, f, v, p, D, F) {
+      var _ = i.children;
+      if (_ !== void 0)
+        if (f)
+          if (_e(_)) {
+            for (f = 0; f < _.length; f++)
+              Y(_[f]);
+            Object.freeze && Object.freeze(_);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else Y(_);
+      if (q.call(i, "key")) {
+        _ = t(e);
+        var w = Object.keys(i).filter(function(he) {
+          return he !== "key";
+        });
+        f = 0 < w.length ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}", J[_ + f] || (w = 0 < w.length ? "{" + w.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          f,
+          _,
+          w,
+          _
+        ), J[_ + f] = !0);
+      }
+      if (_ = null, l !== void 0 && (a(l), _ = "" + l), m(i) && (a(i.key), _ = "" + i.key), "key" in i) {
+        l = {};
+        for (var M in i)
+          M !== "key" && (l[M] = i[M]);
+      } else l = i;
+      return _ && c(
+        l,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), R(
+        e,
+        _,
+        p,
+        v,
+        o(),
+        l,
+        D,
+        F
+      );
+    }
+    function Y(e) {
+      typeof e == "object" && e !== null && e.$$typeof === V && e._store && (e._store.validated = 1);
+    }
+    var S = j, V = Symbol.for("react.transitional.element"), ne = Symbol.for("react.portal"), z = Symbol.for("react.fragment"), ae = Symbol.for("react.strict_mode"), se = Symbol.for("react.profiler"), oe = Symbol.for("react.consumer"), ie = Symbol.for("react.context"), ce = Symbol.for("react.forward_ref"), le = Symbol.for("react.suspense"), ue = Symbol.for("react.suspense_list"), de = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), me = Symbol.for("react.activity"), fe = Symbol.for("react.client.reference"), I = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, _e = Array.isArray, $ = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    S = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var L, H = {}, G = S.react_stack_bottom_frame.bind(
+      S,
+      u
+    )(), U = $(s(u)), J = {};
+    O.Fragment = z, O.jsx = function(e, i, l, f, v) {
+      var p = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return T(
+        e,
+        i,
+        l,
+        !1,
+        f,
+        v,
+        p ? Error("react-stack-top-frame") : G,
+        p ? $(s(e)) : U
+      );
+    }, O.jsxs = function(e, i, l, f, v) {
+      var p = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return T(
+        e,
+        i,
+        l,
+        !0,
+        f,
+        v,
+        p ? Error("react-stack-top-frame") : G,
+        p ? $(s(e)) : U
+      );
+    };
+  }()), O;
+}
+var Z;
+function xe() {
+  return Z || (Z = 1, process.env.NODE_ENV === "production" ? P.exports = be() : P.exports = ve()), P.exports;
+}
+var n = xe();
+const je = "_wrapper_lsl1r_1", Ee = "_container_lsl1r_9", we = "_section_lsl1r_23", ye = "_dots_lsl1r_39", Ne = "_dot_lsl1r_39", Oe = "_dotActive_lsl1r_79", y = {
+  wrapper: je,
+  container: Ee,
+  section: we,
+  dots: ye,
+  dot: Ne,
+  dotActive: Oe
+}, Et = ({
+  sections: t = [],
+  style: r
+}) => {
+  const a = pe(null), [s, o] = ee(0);
+  ge(() => {
+    const m = new IntersectionObserver(
+      (h) => {
+        h.forEach((R) => {
+          if (R.isIntersecting) {
+            const T = Number(R.target.getAttribute("data-index"));
+            o(T);
+          }
+        });
+      },
+      {
+        root: a.current,
+        threshold: 0.5
+      }
+    ), c = a.current?.children ?? [];
+    return Array.from(c).forEach((h) => m.observe(h)), () => m.disconnect();
+  }, []);
+  const u = (m) => {
+    a.current?.children[m]?.scrollIntoView({
+      behavior: "smooth"
+    });
+  };
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: y.wrapper,
+      style: {
+        ...r
+      },
+      children: [
+        /* @__PURE__ */ n.jsx("div", { ref: a, className: y.container, children: t.map((m, c) => /* @__PURE__ */ n.jsx(
+          "div",
+          {
+            "data-index": c,
+            className: y.section,
+            style: {
+              backgroundColor: m.backgroundColor || "var(--bg-base)"
+            },
+            children: m.component
+          },
+          c
+        )) }),
+        /* @__PURE__ */ n.jsx("div", { className: y.dots, children: t.map((m, c) => /* @__PURE__ */ n.jsx(
+          "div",
+          {
+            onClick: () => u(c),
+            className: `${y.dot} ${c === s ? y.dotActive : ""}`,
+            style: {
+              "--dot-active-color": m.dotColor
+            },
+            children: m.dotLabel || ""
+          },
+          c
+        )) })
+      ]
+    }
+  );
+}, d = (t) => {
+  if (typeof t == "string") return t;
+  const a = navigator.languages.map((o) => o.slice(0, 2)).find((o) => t[o] !== void 0);
+  if (a) return t[a];
+  if (t.es) return t.es;
+  const s = Object.keys(t);
+  return s.length > 0 ? t[s[0]] : "";
+}, ke = "_container_b15b5_1", Re = "_workSection_b15b5_29", Te = "_title_b15b5_37", Se = "_subtitle_b15b5_51", Pe = "_grid_b15b5_63", Ae = "_card_b15b5_77", Ce = "_logo_b15b5_105", ze = "_info_b15b5_119", x = {
+  container: ke,
+  workSection: Re,
+  title: Te,
+  subtitle: Se,
+  grid: Pe,
+  card: Ae,
+  logo: Ce,
+  info: ze
+}, Ie = {
+  title: {
+    es: "/Experiencia.",
+    en: "/Experiencia.",
+    pt: "/Experiencia."
+  },
+  subtitle: {
+    es: "Experiencias seleccionadas que he realizado en el pasado.",
+    en: "Selected experiences I've taken on in the past.",
+    pt: "Experiências selecionadas que realizei no passado."
+  }
+}, wt = ({
+  items: t = [],
+  translations: r = Ie,
+  style: a,
+  className: s = "work-section-andromeda"
+}) => /* @__PURE__ */ n.jsx("div", { className: x.container, children: /* @__PURE__ */ n.jsxs("section", { className: `${x.workSection} ${s}`, style: a, children: [
+  /* @__PURE__ */ n.jsx("h2", { className: x.title, children: d(r.title) }),
+  /* @__PURE__ */ n.jsx("p", { className: x.subtitle, children: d(r.subtitle) }),
+  /* @__PURE__ */ n.jsx("div", { className: x.grid, children: t.map((o) => /* @__PURE__ */ n.jsxs("div", { className: x.card, children: [
+    /* @__PURE__ */ n.jsx("img", { src: o.logo, alt: o.name, className: x.logo }),
+    /* @__PURE__ */ n.jsxs("div", { className: x.info, children: [
+      /* @__PURE__ */ n.jsx("strong", { children: o.name }),
+      o.link && /* @__PURE__ */ n.jsx(
+        "a",
+        {
+          href: o.link.url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: o.link.text
+        }
+      )
+    ] })
+  ] }, o.name)) })
+] }) });
+var te = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, Q = j.createContext && /* @__PURE__ */ j.createContext(te), $e = ["attr", "size", "title"];
+function De(t, r) {
+  if (t == null) return {};
+  var a = Fe(t, r), s, o;
+  if (Object.getOwnPropertySymbols) {
+    var u = Object.getOwnPropertySymbols(t);
+    for (o = 0; o < u.length; o++)
+      s = u[o], !(r.indexOf(s) >= 0) && Object.prototype.propertyIsEnumerable.call(t, s) && (a[s] = t[s]);
+  }
+  return a;
+}
+function Fe(t, r) {
+  if (t == null) return {};
+  var a = {};
+  for (var s in t)
+    if (Object.prototype.hasOwnProperty.call(t, s)) {
+      if (r.indexOf(s) >= 0) continue;
+      a[s] = t[s];
+    }
+  return a;
+}
+function A() {
+  return A = Object.assign ? Object.assign.bind() : function(t) {
+    for (var r = 1; r < arguments.length; r++) {
+      var a = arguments[r];
+      for (var s in a)
+        Object.prototype.hasOwnProperty.call(a, s) && (t[s] = a[s]);
+    }
+    return t;
+  }, A.apply(this, arguments);
+}
+function K(t, r) {
+  var a = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(t);
+    r && (s = s.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(t, o).enumerable;
+    })), a.push.apply(a, s);
+  }
+  return a;
+}
+function C(t) {
+  for (var r = 1; r < arguments.length; r++) {
+    var a = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? K(Object(a), !0).forEach(function(s) {
+      Me(t, s, a[s]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : K(Object(a)).forEach(function(s) {
+      Object.defineProperty(t, s, Object.getOwnPropertyDescriptor(a, s));
+    });
+  }
+  return t;
+}
+function Me(t, r, a) {
+  return r = Ye(r), r in t ? Object.defineProperty(t, r, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[r] = a, t;
+}
+function Ye(t) {
+  var r = Ve(t, "string");
+  return typeof r == "symbol" ? r : r + "";
+}
+function Ve(t, r) {
+  if (typeof t != "object" || !t) return t;
+  var a = t[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var s = a.call(t, r);
+    if (typeof s != "object") return s;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(t);
+}
+function re(t) {
+  return t && t.map((r, a) => /* @__PURE__ */ j.createElement(r.tag, C({
+    key: a
+  }, r.attr), re(r.child)));
+}
+function k(t) {
+  return (r) => /* @__PURE__ */ j.createElement(We, A({
+    attr: C({}, t.attr)
+  }, r), re(t.child));
+}
+function We(t) {
+  var r = (a) => {
+    var {
+      attr: s,
+      size: o,
+      title: u
+    } = t, m = De(t, $e), c = o || a.size || "1em", h;
+    return a.className && (h = a.className), t.className && (h = (h ? h + " " : "") + t.className), /* @__PURE__ */ j.createElement("svg", A({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, a.attr, s, m, {
+      className: h,
+      style: C(C({
+        color: t.color || a.color
+      }, a.style), t.style),
+      height: c,
+      width: c,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), u && /* @__PURE__ */ j.createElement("title", null, u), t.children);
+  };
+  return Q !== void 0 ? /* @__PURE__ */ j.createElement(Q.Consumer, null, (a) => r(a)) : r(te);
+}
+function qe(t) {
+  return k({ attr: { viewBox: "0 0 496 512" }, child: [{ tag: "path", attr: { d: "M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z" }, child: [] }] })(t);
+}
+function Le(t) {
+  return k({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" }, child: [] }] })(t);
+}
+function He(t) {
+  return k({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" }, child: [] }] })(t);
+}
+function Ge(t) {
+  return k({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" }, child: [] }] })(t);
+}
+function Ue(t) {
+  return k({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z" }, child: [] }] })(t);
+}
+const Je = "_main_container_1czxf_1", Be = "_container_1czxf_25", Xe = "_title_1czxf_45", Ze = "_paragraph_1czxf_57", Qe = "_highlight_1czxf_69", Ke = "_social_1czxf_79", et = "_icons_1czxf_91", E = {
+  main_container: Je,
+  container: Be,
+  title: Xe,
+  paragraph: Ze,
+  highlight: Qe,
+  social: Ke,
+  icons: et
+}, tt = {
+  hi_there: {
+    es: "¡Hola!",
+    en: "Hi there!",
+    pt: "Olá!"
+  },
+  i_am: {
+    es: "Soy ",
+    en: "I'm ",
+    pt: "Sou "
+  },
+  name: "Juan Trejos ",
+  developer_focus: {
+    es: "un desarrollador enfocado en construir aplicaciones web limpias y escalables",
+    en: "a developer focused on building clean, scalable web apps",
+    pt: "um desenvolvedor focado em criar aplicações web limpas e escaláveis"
+  },
+  enjoy_simplifying: {
+    es: "Disfruto simplificar desafíos técnicos y hacer que la tecnología sea accesible para todos",
+    en: "I enjoy simplifying technical challenges and making technology accessible to everyone",
+    pt: "Gosto de simplificar desafios técnicos e tornar a tecnologia acessível para todos"
+  },
+  digital_garden: {
+    es: "Este sitio web es mi jardín digital, donde comparto mi camino, conocimientos e ideas",
+    en: "This website is my digital garden — where I share my journey, knowledge, and ideas",
+    pt: "Este site é o meu jardim digital — onde compartilho minha jornada, conhecimento e ideias"
+  },
+  find_me_on: {
+    es: "Encuéntrame en",
+    en: "Find me on",
+    pt: "Encontre-me em"
+  }
+}, yt = ({
+  className: t,
+  translations: r = tt,
+  style: a
+}) => /* @__PURE__ */ n.jsx("div", { className: E.main_container, children: /* @__PURE__ */ n.jsxs("section", { className: `${E.container} ${t}`, style: a, children: [
+  /* @__PURE__ */ n.jsx("h1", { className: E.title, children: d(r.hi_there) }),
+  /* @__PURE__ */ n.jsxs("p", { className: E.paragraph, children: [
+    d(r.i_am),
+    /* @__PURE__ */ n.jsx("span", { className: E.highlight, children: d(r.name) }),
+    d(r.developer_focus),
+    ".",
+    /* @__PURE__ */ n.jsx("br", {}),
+    d(r.digital_garden)
+  ] }),
+  /* @__PURE__ */ n.jsxs("div", { className: E.social, children: [
+    /* @__PURE__ */ n.jsx("span", { children: d(r.find_me_on) }),
+    /* @__PURE__ */ n.jsxs("div", { className: E.icons, children: [
+      /* @__PURE__ */ n.jsx(
+        "a",
+        {
+          href: "https://twitter.com/tuusuario",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: /* @__PURE__ */ n.jsx(Ge, {})
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "a",
+        {
+          href: "https://github.com/tuusuario",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: /* @__PURE__ */ n.jsx(qe, {})
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "a",
+        {
+          href: "https://instagram.com/tuusuario",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: /* @__PURE__ */ n.jsx(Le, {})
+        }
+      ),
+      /* @__PURE__ */ n.jsx(
+        "a",
+        {
+          href: "https://www.linkedin.com/in/juan-carlos-trejos-26605b142/",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: /* @__PURE__ */ n.jsx(He, {})
+        }
+      ),
+      /* @__PURE__ */ n.jsx("a", { href: "mailto:jctrejosi@unal.edu.co", children: /* @__PURE__ */ n.jsx(Ue, {}) })
+    ] })
+  ] })
+] }) }), rt = "_hero_1tt2n_1", nt = "_left_1tt2n_21", at = "_overlay_1tt2n_75", st = "_title_1tt2n_95", ot = "_word_1_1tt2n_117", it = "_word_2_1tt2n_127", ct = "_subtitle_1tt2n_135", lt = "_highlights_1tt2n_151", ut = "_right_1tt2n_183", dt = "_image_1tt2n_211", g = {
+  hero: rt,
+  left: nt,
+  overlay: at,
+  title: st,
+  word_1: ot,
+  word_2: it,
+  subtitle: ct,
+  highlights: lt,
+  right: ut,
+  image: dt
+}, mt = {
+  title_web: {
+    es: "Web ",
+    en: "Web ",
+    pt: "Web "
+  },
+  title_developer: {
+    es: "Desarrollador",
+    en: "Developer",
+    pt: "Desenvolvedor"
+  },
+  subtitle: {
+    es: "Me gusta crear productos frontend sólidos y escalables con excelentes experiencias de usuario.",
+    en: "I like to craft solid and scalable frontend products with great user experiences.",
+    pt: "Gosto de criar produtos frontend sólidos e escaláveis com ótimas experiências de usuário."
+  },
+  highlight_1: {
+    es: "Altamente capacitado en mejora progresiva, sistemas de diseño e ingeniería de interfaces.",
+    en: "Highly skilled at progressive enhancement, design systems & UI Engineering.",
+    pt: "Altamente qualificado em aprimoramento progressivo, sistemas de design e engenharia de UI."
+  },
+  highlight_2: {
+    es: "Experiencia comprobada en la creación de productos exitosos para clientes en varios países.",
+    en: "Proven experience building successful products for clients across several countries.",
+    pt: "Experiência comprovada na criação de produtos bem-sucedidos para clientes em vários países."
+  }
+}, Nt = ({
+  className: t = "hero-section-andromeda",
+  backgroundImage: r,
+  style: a,
+  imageProfile: s,
+  translations: o = mt
+}) => /* @__PURE__ */ n.jsxs(
+  "section",
+  {
+    className: `${g.hero} ${t}`,
+    style: {
+      ...a
+    },
+    children: [
+      /* @__PURE__ */ n.jsxs("div", { className: g.left, children: [
+        r && /* @__PURE__ */ n.jsx("img", { className: g.overlay, src: r }),
+        /* @__PURE__ */ n.jsxs("h1", { className: g.title, children: [
+          /* @__PURE__ */ n.jsx("span", { className: g.word_1, children: d(o.title_web) }),
+          /* @__PURE__ */ n.jsx("span", { className: g.word_2, children: d(o.title_developer) })
+        ] }),
+        /* @__PURE__ */ n.jsx("p", { className: g.subtitle, children: d(o.subtitle) }),
+        /* @__PURE__ */ n.jsxs("div", { className: g.highlights, children: [
+          /* @__PURE__ */ n.jsx("p", { children: d(o.highlight_1) }),
+          /* @__PURE__ */ n.jsx("p", { children: d(o.highlight_2) })
+        ] })
+      ] }),
+      /* @__PURE__ */ n.jsx("div", { className: g.right, children: /* @__PURE__ */ n.jsx("img", { src: s, alt: "Profile", className: g.image }) })
+    ]
+  }
+), ft = {
+  title: {
+    es: "¡Envíame un mensaje!",
+    en: "Send me a message!"
+  },
+  subtitle: {
+    es: "¿Tienes una pregunta o propuesta, o simplemente quieres saludar? Adelante.",
+    en: "Got a question or proposal, or just want to say hello? Go ahead."
+  },
+  label_name: {
+    es: "Tu nombre",
+    en: "Your Name"
+  },
+  label_email: {
+    es: "Dirección de correo electrónico",
+    en: "Email Address"
+  },
+  label_message: {
+    es: "Tu mensaje",
+    en: "Your Message"
+  },
+  placeholder_name: {
+    es: "Ingresa tu nombre",
+    en: "Enter your name"
+  },
+  placeholder_email: {
+    es: "Ingresa tu dirección de correo electrónico",
+    en: "Enter your email address"
+  },
+  placeholder_message: {
+    es: "Hola, creo que necesitamos un sistema de diseño para nuestros productos en la empresa X...",
+    en: "Hi, I think we need a design system for our products at Company X..."
+  },
+  button: {
+    es: "ENVIAR →",
+    en: "SHOOT →"
+  }
+}, _t = "_container_1k2dg_1", ht = "_title_1k2dg_15", pt = "_subtitle_1k2dg_27", gt = "_form_1k2dg_37", bt = "_row_1k2dg_51", vt = "_field_1k2dg_63", xt = "_button_1k2dg_139", b = {
+  container: _t,
+  title: ht,
+  subtitle: pt,
+  form: gt,
+  row: bt,
+  field: vt,
+  button: xt
+}, Ot = ({
+  sendTo: t = "",
+  translations: r = ft,
+  style: a
+}) => {
+  const [s, o] = ee({
+    name: "",
+    email: "",
+    message: ""
+  }), u = (c) => {
+    o({
+      ...s,
+      [c.target.name]: c.target.value
+    });
+  }, m = (c) => {
+    c.preventDefault();
+  };
+  return /* @__PURE__ */ n.jsxs("section", { className: b.container, style: a, children: [
+    /* @__PURE__ */ n.jsx("h2", { className: b.title, children: d(r.title) }),
+    /* @__PURE__ */ n.jsx("p", { className: b.subtitle, children: d(r.subtitle) }),
+    /* @__PURE__ */ n.jsxs("form", { onSubmit: m, className: b.form, children: [
+      /* @__PURE__ */ n.jsxs("div", { className: b.row, children: [
+        /* @__PURE__ */ n.jsxs("div", { className: b.field, children: [
+          /* @__PURE__ */ n.jsx("label", { htmlFor: "name", children: d(r.label_name) }),
+          /* @__PURE__ */ n.jsx(
+            "input",
+            {
+              type: "text",
+              id: "name",
+              name: "name",
+              placeholder: d(r.placeholder_name),
+              value: s.name,
+              onChange: u,
+              required: !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ n.jsxs("div", { className: b.field, children: [
+          /* @__PURE__ */ n.jsx("label", { htmlFor: "email", children: d(r.label_email) }),
+          /* @__PURE__ */ n.jsx(
+            "input",
+            {
+              type: "email",
+              id: "email",
+              name: "email",
+              placeholder: d(r.placeholder_email),
+              value: s.email,
+              onChange: u,
+              required: !0
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ n.jsxs("div", { className: b.field, children: [
+        /* @__PURE__ */ n.jsx("label", { htmlFor: "message", children: d(r.label_message) }),
+        /* @__PURE__ */ n.jsx(
+          "textarea",
+          {
+            id: "message",
+            name: "message",
+            placeholder: d(r.placeholder_message),
+            value: s.message,
+            onChange: u,
+            rows: 5,
+            required: !0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n.jsx("button", { type: "submit", className: b.button, children: d(r.button) })
+    ] })
+  ] });
+};
+export {
+  Ot as ContactFormAndromeda,
+  Nt as HeroSectionAndromeda,
+  yt as IntroductionSectionAndromeda,
+  Et as ScrollSnapAndromeda,
+  wt as WorkSectionAndromeda,
+  d as returnTranslation
+};