@synthex-engineers/refined-tech 0.0.0-stage → 1.0.0

package/dist/react/index.cjs

@@ -0,0 +1,1171 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var gsap2 = require('gsap');
+var MorphSVGPlugin = require('gsap/MorphSVGPlugin');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var gsap2__default = /*#__PURE__*/_interopDefault(gsap2);
+
+// src/components/library/animated-dropdown/react/AnimatedDropdown.tsx
+var AnimatedDropdown = ({
+  items,
+  value,
+  onChange,
+  placeholder = "Seleccionar...",
+  header = "Opciones Disponibles",
+  disabled = false
+}) => {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    const handleOutsideClick = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("click", handleOutsideClick);
+    return () => document.removeEventListener("click", handleOutsideClick);
+  }, []);
+  const selectedItem = items.find((it) => it.value === value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative inline-block w-full font-sans text-left", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: () => setIsOpen(!isOpen),
+        className: "w-full flex items-center justify-between gap-3 bg-charcoal border border-slateBorder hover:border-slateBorder-focus px-4 py-2.5 rounded-xl text-sm text-white focus:outline-none focus:border-pistachio disabled:opacity-60 disabled:cursor-not-allowed transition-all cursor-pointer shadow-inner group",
+        "aria-haspopup": "listbox",
+        "aria-expanded": isOpen,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 truncate", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-2 h-2 rounded-full bg-pistachio shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: selectedItem ? selectedItem.label : placeholder })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: `w-4 h-4 text-muted transition-transform duration-200 ease-out group-hover:text-white shrink-0 ${isOpen ? "rotate-180" : ""}`,
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 9l-7 7-7-7", "stroke-linecap": "round", "stroke-linejoin": "round" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `absolute left-0 mt-2 w-full bg-slateSurface-card border border-slateBorder rounded-xl shadow-2xl py-1.5 z-40 overflow-hidden transition-all duration-200 ease-out origin-top ${isOpen ? "opacity-100 scale-100 pointer-events-auto" : "opacity-0 scale-95 pointer-events-none"}`,
+        role: "listbox",
+        children: [
+          header && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3.5 py-1.5 text-xs font-mono text-muted uppercase tracking-wider border-b border-slateBorder/50", children: header }),
+          items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              disabled: item.disabled,
+              onClick: () => {
+                onChange(item.value);
+                setIsOpen(false);
+              },
+              className: "w-full text-left px-3.5 py-2.5 hover:bg-slateBorder text-white flex items-center justify-between text-xs transition-colors cursor-pointer disabled:opacity-40",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: item.value === value ? "font-medium text-white" : "text-muted", children: item.label }),
+                item.value === value && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-pistachio font-bold", children: "\u2713" })
+              ]
+            },
+            String(item.value)
+          ))
+        ]
+      }
+    )
+  ] });
+};
+var BadgeStatus = ({
+  label,
+  status = "success",
+  className = ""
+}) => {
+  const dotColor = {
+    success: "bg-pistachio",
+    warning: "bg-amber-500",
+    error: "bg-red-500",
+    neutral: "bg-muted"
+  }[status];
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-mono bg-slateSurface text-pistachio border border-slateBorder ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `w-1.5 h-1.5 rounded-full ${dotColor}` }),
+    label
+  ] });
+};
+var BentoGridCard = ({
+  title,
+  description,
+  icon,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `p-5 rounded-2xl bg-slateSurface-card border border-slateBorder hover:border-pistachio/40 transition-all flex flex-col gap-2 w-64 font-sans ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-7 h-7 rounded-lg bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio", children: icon || /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-semibold text-white", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted leading-relaxed", children: description })
+  ] });
+};
+var ButtonOutline = ({
+  children,
+  className = "",
+  type = "button",
+  disabled = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type,
+      disabled,
+      className: `bg-transparent text-pistachio border border-pistachio/70 hover:bg-pistachio/10 hover:border-pistachio disabled:opacity-50 disabled:cursor-not-allowed px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans ${className}`,
+      ...props,
+      children
+    }
+  );
+};
+var ButtonPrimary = ({
+  children,
+  className = "",
+  type = "button",
+  disabled = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type,
+      disabled,
+      className: `bg-pistachio text-charcoal hover:bg-pistachio-hover disabled:opacity-50 disabled:cursor-not-allowed px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm active:scale-95 inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans ${className}`,
+      ...props,
+      children
+    }
+  );
+};
+var ButtonSecondary = ({
+  children,
+  className = "",
+  type = "button",
+  disabled = false,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type,
+      disabled,
+      className: `bg-slateSurface text-white border border-slateBorder hover:bg-slateBorder hover:border-slateBorder-focus disabled:opacity-50 disabled:cursor-not-allowed px-4 py-2 rounded-md font-medium text-xs transition-colors shadow-sm inline-flex items-center justify-center gap-1.5 cursor-pointer font-sans ${className}`,
+      ...props,
+      children
+    }
+  );
+};
+var ClientTrustCard = ({
+  clientName = "SD-M GmbH",
+  location = "Alemania",
+  href = "https://sd-kpi.com/",
+  logoSrc = "/brand/sd-m-logo-dark.png",
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: `group inline-flex items-center gap-4 sm:gap-5 px-6 sm:px-8 py-3.5 sm:py-4 rounded-2xl bg-slateSurface/60 border border-slateBorder hover:border-pistachio/50 hover:bg-slateCard/80 hover:scale-105 active:scale-95 transition-all duration-300 shadow-sm cursor-pointer font-sans ${className}`,
+      "aria-label": `${clientName}${location ? ` - ${location}` : ""}`,
+      children: [
+        logoSrc ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: logoSrc,
+            alt: clientName,
+            className: "h-7 sm:h-8 w-auto object-contain opacity-90 group-hover:opacity-100 transition-opacity",
+            width: "120",
+            height: "44",
+            loading: "lazy"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-slateSurface border border-slateBorder flex items-center justify-center text-pistachio shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-5 h-5 text-pistachio transition-transform duration-300 group-hover:scale-105", viewBox: "0 0 32 32", fill: "none", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M7 21L12 16L16 19L24 10", stroke: "#E0F9B5", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "24", cy: "10", r: "2", fill: "#E0F9B5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 10H24V15", stroke: "#E0F9B5", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-left border-l border-slateBorder/60 pl-4 sm:pl-5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block font-display font-bold text-base sm:text-lg text-white group-hover:text-pistachio transition-colors leading-tight", children: clientName }),
+          location && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-sm font-sans text-muted leading-tight mt-0.5", children: location })
+        ] })
+      ]
+    }
+  );
+};
+var CommandKTrigger = ({
+  placeholder = "Buscar o ejecutar...",
+  shortcut = "Ctrl K",
+  onOpen,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onOpen,
+      className: `flex items-center justify-between gap-3 bg-slateSurface text-muted border border-slateBorder px-3 py-1.5 rounded-md text-xs hover:border-pistachio/40 transition-colors w-48 cursor-pointer font-sans ${className}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: placeholder })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "bg-charcoal border border-slateBorder text-xs px-1.5 py-0.5 rounded text-white font-mono", children: shortcut })
+      ]
+    }
+  );
+};
+var DropdownSelect = ({
+  id,
+  label,
+  placeholder,
+  required,
+  disabled,
+  errorText,
+  options,
+  value,
+  onChange
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-1.5", children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: "block text-xs font-medium text-white/80", children: [
+      label,
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-pistachio ml-0.5", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "select",
+        {
+          id,
+          disabled,
+          value,
+          onChange: (e) => onChange(e.target.value),
+          className: "w-full appearance-none bg-charcoal border border-slateBorder hover:border-slateBorder-focus rounded-xl px-4 py-2.5 pr-10 text-sm text-white focus:outline-none focus:border-pistachio disabled:opacity-60 disabled:cursor-not-allowed transition-colors cursor-pointer",
+          children: [
+            placeholder && /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, className: "bg-charcoal-card text-muted", children: placeholder }),
+            options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(
+              "option",
+              {
+                value: opt.value,
+                disabled: opt.disabled,
+                className: "bg-charcoal-card text-white",
+                children: opt.label
+              },
+              String(opt.value)
+            ))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3.5 text-muted", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 9l-7 7-7-7", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+    ] }),
+    errorText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-400 mt-1", children: errorText })
+  ] });
+};
+var FooterBounce = ({
+  color = "#E0F9B5",
+  className = ""
+}) => {
+  const pathRef = react.useRef(null);
+  const triggerBounce = () => {
+    if (!pathRef.current) return;
+    gsap2__default.default.fromTo(
+      pathRef.current,
+      { attr: { d: "M 0,160 Q 720,310 1440,160 L 1440,320 L 0,320 Z" } },
+      {
+        duration: 2.2,
+        attr: { d: "M 0,160 Q 720,160 1440,160 L 1440,320 L 0,320 Z" },
+        ease: "elastic.out(1.8, 0.22)",
+        overwrite: "auto"
+      }
+    );
+  };
+  react.useEffect(() => {
+    triggerBounce();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `relative w-full overflow-hidden bg-charcoal border border-slateBorder rounded-xl p-4 flex flex-col items-center justify-center gap-3 ${className}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-full h-16", viewBox: "0 0 1440 320", preserveAspectRatio: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            ref: pathRef,
+            fill: color,
+            d: "M 0,160 Q 720,160 1440,160 L 1440,320 L 0,320 Z"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: triggerBounce,
+            className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-slateSurface hover:bg-slateBorder text-white border border-slateBorder text-xs font-mono transition-colors cursor-pointer",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 text-pistachio", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Recargar animaci\xF3n" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var MagneticButton = ({
+  children,
+  strength = 0.35,
+  className = "",
+  type = "button",
+  disabled = false,
+  ...props
+}) => {
+  const btnRef = react.useRef(null);
+  react.useEffect(() => {
+    const el = btnRef.current;
+    if (!el) return;
+    const xTo = gsap2__default.default.quickTo(el, "x", { duration: 0.3, ease: "power2.out" });
+    const yTo = gsap2__default.default.quickTo(el, "y", { duration: 0.3, ease: "power2.out" });
+    const handleMouseMove = (e) => {
+      const { left, top, width, height } = el.getBoundingClientRect();
+      const x = (e.clientX - (left + width / 2)) * strength;
+      const y = (e.clientY - (top + height / 2)) * strength;
+      xTo(x);
+      yTo(y);
+    };
+    const handleMouseLeave = () => {
+      xTo(0);
+      yTo(0);
+    };
+    el.addEventListener("mousemove", handleMouseMove);
+    el.addEventListener("mouseleave", handleMouseLeave);
+    return () => {
+      el.removeEventListener("mousemove", handleMouseMove);
+      el.removeEventListener("mouseleave", handleMouseLeave);
+    };
+  }, [strength]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref: btnRef,
+      type,
+      disabled,
+      className: `px-4 py-2.5 rounded-lg bg-slateSurface text-white border border-slateBorder text-sm font-medium hover:border-pistachio transition-colors relative cursor-pointer font-sans inline-flex items-center justify-center gap-2 select-none shadow-sm active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed ${className}`,
+      ...props,
+      children
+    }
+  );
+};
+var Preloader = ({ onFinish, className = "" }) => {
+  const containerRef = react.useRef(null);
+  const initialPaths = [
+    "M 18 50 L 44 32 L 44 68 Z",
+    "M 54 30 L 63 30 L 63 70 L 54 70 Z",
+    "M 96 50 L 70 68 L 70 32 Z",
+    "M 135 34 A 16 16 0 1 0 135 66 A 16 16 0 1 0 135 34 Z",
+    "M 152 40 L 180 40 L 166 75 Z",
+    "M 183 41 L 209 41 L 209 67 L 183 67 Z",
+    "M 215 31 L 229 31 L 229 68 L 215 68 Z",
+    "M 235 29 L 261 29 L 261 68 L 235 68 Z",
+    "M 278 41 A 14 14 0 1 0 278 69 A 14 14 0 1 0 278 41 Z",
+    "M 308 41 L 322 55 L 308 69 L 294 55 Z"
+  ];
+  const targets = [
+    "#st-target-bracket-left",
+    "#st-target-slash",
+    "#st-target-bracket-right",
+    "#st-target-char-s",
+    "#st-target-char-y",
+    "#st-target-char-n",
+    "#st-target-char-t",
+    "#st-target-char-h",
+    "#st-target-char-e",
+    "#st-target-char-x"
+  ];
+  const restart = () => {
+    const el = containerRef.current;
+    if (!el) return;
+    try {
+      gsap2__default.default.registerPlugin(MorphSVGPlugin.MorphSVGPlugin);
+    } catch {
+    }
+    initialPaths.forEach((path, i) => {
+      const shape = el.querySelector(`.st-shape-${i}`);
+      if (shape) {
+        shape.setAttribute("d", path);
+      }
+    });
+    const group = el.querySelector(".st-morph-group");
+    const tl = gsap2__default.default.timeline({
+      onComplete: () => onFinish?.(),
+      overwrite: "auto"
+    });
+    tl.fromTo(group, { opacity: 0 }, { opacity: 1, duration: 0.3, ease: "power2.out" });
+    targets.forEach((targetSelector, i) => {
+      tl.to(
+        el.querySelector(`.st-shape-${i}`),
+        {
+          morphSVG: targetSelector,
+          duration: 0.85,
+          ease: "power2.inOut"
+        },
+        0.15 + i * 0.035
+      );
+    });
+  };
+  react.useEffect(() => {
+    restart();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `p-6 bg-charcoal border border-slateBorder rounded-xl flex flex-col items-center justify-center gap-4 w-full ${className}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 350 100", className: "w-full max-w-[360px] overflow-visible select-none", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("path", { id: "st-target-bracket-left", d: "M 40 29 L 18 50 L 40 71 L 44.5 66.5 L 27 50 L 44.5 33.5 Z" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { id: "st-target-slash", d: "M 50.5 70 L 64.5 30 L 68.5 31.5 L 54.5 71.5 Z" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { id: "st-target-bracket-right", d: "M 74 29 L 96 50 L 74 71 L 69.5 66.5 L 87 50 L 69.5 33.5 Z" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                id: "st-target-char-s",
+                d: "M135.12 68.59L135.12 68.59Q130.42 68.59 127.02 67.08Q123.62 65.57 120.86 62.38L120.86 62.38L126.37 56.93Q128.21 59.09 130.42 60.22Q132.64 61.36 135.66 61.36L135.66 61.36Q138.36 61.36 139.84 60.39Q141.33 59.41 141.33 57.69L141.33 57.69Q141.33 55.90 140.03 54.82Q138.74 53.74 136.71 53.02Q134.69 52.29 132.39 51.45Q130.10 50.61 128.05 49.34Q125.99 48.07 124.72 45.97Q123.46 43.86 123.46 40.51L123.46 40.51Q123.46 37.00 125.16 34.49Q126.86 31.98 129.88 30.63Q132.91 29.28 136.85 29.28L136.85 29.28Q140.84 29.28 144.16 30.71Q147.49 32.14 149.65 34.52L149.65 34.52L144.14 39.97Q142.41 38.19 140.66 37.33Q138.90 36.46 136.69 36.46L136.69 36.46Q134.42 36.46 133.15 37.30Q131.88 38.14 131.88 39.70L131.88 39.70Q131.88 41.38 133.15 42.35Q134.42 43.32 136.47 44.05Q138.52 44.78 140.82 45.62Q143.11 46.45 145.14 47.78Q147.16 49.10 148.46 51.29Q149.75 53.47 149.75 56.93L149.75 56.93Q149.75 62.44 145.87 65.52Q141.98 68.59 135.12 68.59Z"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { id: "st-target-char-y", d: "M164.23 79.07L155.75 79.07L161.69 66.22L151.70 41.76L160.61 41.76L165.85 57.74L171.19 41.76L180.10 41.76L168.87 68.11L164.23 79.07Z" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                id: "st-target-char-n",
+                d: "M191.50 68L183.23 68L183.23 41.76L191.50 41.76L191.50 43.86Q194.41 41.22 198.84 41.22L198.84 41.22Q201.70 41.22 203.97 42.59Q206.24 43.97 207.53 46.24Q208.83 48.51 208.83 51.21L208.83 51.21L208.83 68L200.57 68L200.57 53.04Q200.57 50.99 199.30 49.72Q198.03 48.45 196.09 48.45L196.09 48.45Q194.09 48.45 192.79 49.72Q191.50 50.99 191.50 53.04L191.50 53.04L191.50 68Z"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                id: "st-target-char-t",
+                d: "M226.11 68L217.85 68L217.85 48.78L211.91 48.78L211.91 41.76L217.85 41.76L217.85 30.90L226.11 30.90L226.11 41.76L232.05 41.76L232.05 48.78L226.11 48.78L226.11 68Z"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                id: "st-target-char-h",
+                d: "M243.93 68L235.67 68L235.67 28.80L243.93 28.80L243.93 43.70Q246.74 41.22 251.00 41.22L251.00 41.22Q254.03 41.22 256.35 42.48Q258.67 43.75 259.97 46.02Q261.26 48.29 261.26 51.21L261.26 51.21L261.26 68L253.00 68L253.00 53.04Q253.00 50.99 251.73 49.72Q250.46 48.45 248.52 48.45L248.52 48.45Q246.52 48.45 245.23 49.72Q243.93 50.99 243.93 53.04L243.93 53.04L243.93 68Z"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                id: "st-target-char-e",
+                d: "M279.52 68.59L279.52 68.59Q275.25 68.59 271.93 66.84Q268.61 65.08 266.72 61.98Q264.83 58.87 264.83 54.88L264.83 54.88Q264.83 50.94 266.69 47.86Q268.55 44.78 271.74 42.97Q274.93 41.16 278.92 41.16L278.92 41.16Q282.76 41.16 285.75 42.86Q288.75 44.56 290.45 47.51Q292.15 50.45 292.15 54.28L292.15 54.28Q292.15 55.74 291.77 57.58L291.77 57.58L272.98 57.63Q273.63 59.85 275.30 61.03Q276.98 62.22 279.46 62.22L279.46 62.22Q283.40 62.22 285.73 59.52L285.73 59.52L290.26 64.06Q288.32 66.33 285.56 67.46Q282.81 68.59 279.52 68.59ZM278.98 47.48L278.98 47.48Q276.71 47.48 275.14 48.67Q273.58 49.86 272.98 51.96L272.98 51.96L284.43 51.91Q283.40 47.48 278.98 47.48Z"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { id: "st-target-char-x", d: "M302.52 68L293.50 68L302.90 54.61L293.99 41.76L303.65 41.76L308.03 48.88L312.46 41.76L321.42 41.76L312.67 54.45L321.96 68L312.40 68L307.54 60.17L302.52 68Z" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "st-morph-group", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-0", d: "M 18 50 L 44 32 L 44 68 Z", fill: "#E0F9B5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-1", d: "M 54 30 L 63 30 L 63 70 L 54 70 Z", fill: "#E0F9B5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-2", d: "M 96 50 L 70 68 L 70 32 Z", fill: "#E0F9B5" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-3", d: "M 135 34 A 16 16 0 1 0 135 66 A 16 16 0 1 0 135 34 Z", fill: "#FFFFFF" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-4", d: "M 152 40 L 180 40 L 166 75 Z", fill: "#FFFFFF" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-5", d: "M 183 41 L 209 41 L 209 67 L 183 67 Z", fill: "#FFFFFF" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-6", d: "M 215 31 L 229 31 L 229 68 L 215 68 Z", fill: "#FFFFFF" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-7", d: "M 235 29 L 261 29 L 261 68 L 235 68 Z", fill: "#FFFFFF" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-8", d: "M 278 41 A 14 14 0 1 0 278 69 A 14 14 0 1 0 278 41 Z", fill: "#FFFFFF" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { className: "st-shape-9", d: "M 308 41 L 322 55 L 308 69 L 294 55 Z", fill: "#FFFFFF" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: restart,
+            className: "inline-flex items-center gap-2 px-3.5 py-1.5 rounded-lg bg-slateSurface hover:bg-slateBorder text-white border border-slateBorder hover:border-pistachio/50 text-xs font-mono transition-all cursor-pointer shadow-sm active:scale-95",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 text-pistachio", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Recargar animaci\xF3n" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var HelpTooltip = ({
+  text,
+  title = "Informaci\xF3n",
+  ariaLabel
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative inline-flex items-center group/tooltip font-sans select-none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "w-5 h-5 rounded-full bg-slateSurface border border-slateBorder text-muted hover:text-pistachio hover:border-pistachio/50 flex items-center justify-center text-xs font-mono transition-colors cursor-help focus:outline-none focus:border-pistachio",
+        "aria-label": ariaLabel || text,
+        children: "?"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-2 rounded-xl bg-charcoal border border-slateBorder shadow-2xl text-xs text-white/90 whitespace-normal w-56 text-center opacity-0 scale-95 pointer-events-none group-hover/tooltip:opacity-100 group-hover/tooltip:scale-100 group-focus-within/tooltip:opacity-100 group-focus-within/tooltip:scale-100 transition-all duration-200 ease-out z-50 origin-bottom",
+        role: "tooltip",
+        children: [
+          title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-1.5 mb-1 text-pistachio font-semibold font-mono text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-pistachio" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: title })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted leading-relaxed", children: text }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-1 w-2 h-2 bg-charcoal border-r border-b border-slateBorder rotate-45" })
+        ]
+      }
+    )
+  ] });
+};
+var InputText = ({
+  className = "",
+  placeholder = "",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "text",
+      placeholder,
+      className: `bg-charcoal border border-slateBorder focus:border-pistachio focus:outline-none focus:ring-1 focus:ring-pistachio text-white px-3 py-1.5 rounded-md text-xs font-mono transition-all w-48 placeholder-muted disabled:opacity-50 ${className}`,
+      ...props
+    }
+  );
+};
+var LanguageSelectorDropdown = ({
+  currentLang = "es",
+  onLangChange,
+  className = ""
+}) => {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setIsOpen(false);
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("click", handleClickOutside);
+    }
+    return () => document.removeEventListener("click", handleClickOutside);
+  }, [isOpen]);
+  const selectLang = (lang) => {
+    setIsOpen(false);
+    if (lang !== currentLang) {
+      onLangChange?.(lang);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `relative inline-block text-left shrink-0 font-sans ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsOpen(!isOpen),
+        className: "flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-code font-medium text-white/80 hover:text-white bg-slateSurface hover:bg-slateBorder/80 border border-slateBorder hover:border-pistachio/50 transition-all cursor-pointer shadow-sm group select-none",
+        "aria-haspopup": "listbox",
+        "aria-expanded": isOpen,
+        "aria-label": `Idioma: ${currentLang.toUpperCase()}`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-pistachio shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tracking-wider uppercase text-pistachio font-bold", children: currentLang }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              className: `w-3.5 h-3.5 text-white/50 transition-transform duration-200 ease-out group-hover:text-white shrink-0 ${isOpen ? "rotate-180" : ""}`,
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 9l-7 7-7-7", "stroke-linecap": "round", "stroke-linejoin": "round" })
+            }
+          )
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "absolute right-0 mt-2 w-44 bg-charcoal border border-slateBorder rounded-xl shadow-2xl py-1.5 z-50 overflow-hidden origin-top",
+        role: "listbox",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1 text-xs font-mono text-muted uppercase tracking-wider border-b border-slateBorder/50", children: "Idioma / Language" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => selectLang("es"),
+              className: "w-full text-left px-3 py-2 hover:bg-slateBorder flex items-center justify-between text-xs font-code transition-colors cursor-pointer text-white",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/60 font-mono text-xs", children: "ES" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: currentLang === "es" ? "font-medium text-white" : "text-white/70", children: "Espa\xF1ol" })
+                ] }),
+                currentLang === "es" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-pistachio font-bold", children: "\u2713" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => selectLang("en"),
+              className: "w-full text-left px-3 py-2 hover:bg-slateBorder flex items-center justify-between text-xs font-code transition-colors cursor-pointer text-white",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/60 font-mono text-xs", children: "EN" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: currentLang === "en" ? "font-medium text-white" : "text-white/70", children: "English" })
+                ] }),
+                currentLang === "en" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-pistachio font-bold", children: "\u2713" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+var LanguageSelectorPill = ({
+  currentLang = "es",
+  onLangChange,
+  className = ""
+}) => {
+  const nextLang = currentLang === "es" ? "en" : "es";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onLangChange?.(nextLang),
+      className: `inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-code font-medium text-white/80 hover:text-white bg-slateSurface hover:bg-slateBorder/80 border border-slateBorder hover:border-pistachio/50 transition-all cursor-pointer shadow-sm group active:scale-95 select-none ${className}`,
+      "aria-label": `Idioma: ${currentLang.toUpperCase()} - Cambiar a ${nextLang.toUpperCase()}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-pistachio shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: currentLang === "es" ? "text-pistachio font-bold" : "text-white/40 group-hover:text-white transition-colors", children: "ES" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/30 font-light", children: "/" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: currentLang === "en" ? "text-pistachio font-bold" : "text-white/40 group-hover:text-white transition-colors", children: "EN" })
+      ]
+    }
+  );
+};
+var MagicLinkCard = ({
+  email,
+  onResend,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `p-6 rounded-2xl bg-slateSurface-card border border-slateBorder max-w-sm w-full text-center flex flex-col items-center gap-3 font-sans ${className}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-10 h-10 rounded-xl bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: "Revisa tu bandeja de entrada" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted leading-relaxed", children: [
+          "Hemos enviado un enlace de acceso seguro a ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white font-mono", children: email }),
+          "."
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onResend,
+            className: "mt-2 text-xs text-pistachio hover:underline cursor-pointer",
+            children: "Reenviar enlace de acceso"
+          }
+        )
+      ]
+    }
+  );
+};
+var ManifestoIconBox = ({
+  size = 40,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      style: { width: `${size}px`, height: `${size}px` },
+      className: `rounded-xl bg-pistachio flex items-center justify-center shadow-sm ${className}`,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 200 200",
+          style: { width: `${size * 0.6}px`, height: `${size * 0.6}px` },
+          children: /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: "#111111", strokeWidth: "14", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", transform: "translate(41, 56)", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "40,24 14,46 40,68" }),
+            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "53", y1: "72", x2: "69", y2: "20" }),
+            /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "82,24 108,46 82,68" })
+          ] })
+        }
+      )
+    }
+  );
+};
+var MetricCard = ({
+  label,
+  value,
+  trend,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `p-4 rounded-xl bg-slateSurface border border-slateBorder flex flex-col gap-1 w-56 font-sans ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted uppercase font-mono tracking-wider", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl font-bold text-white font-mono", children: value }),
+    trend && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-pistachio font-mono", children: [
+      "\u2191 ",
+      trend
+    ] })
+  ] });
+};
+var ModalDialog = ({
+  isOpen,
+  onClose,
+  title,
+  subtitle,
+  size = "md",
+  showCloseButton = true,
+  closeOnBackdrop = true,
+  children,
+  footer
+}) => {
+  if (!isOpen) return null;
+  const sizeClasses = {
+    sm: "max-w-md",
+    md: "max-w-lg",
+    lg: "max-w-2xl",
+    xl: "max-w-3xl",
+    "2xl": "max-w-4xl"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "fixed inset-0 w-screen h-screen min-h-screen z-50 flex items-center justify-center p-4 bg-black/80 backdrop-blur-md",
+      onClick: (e) => {
+        if (closeOnBackdrop && e.target === e.currentTarget) {
+          onClose();
+        }
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: `w-full bg-charcoal-card border border-slateBorder rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh] ${sizeClasses[size] || "max-w-lg"}`,
+          onClick: (e) => e.stopPropagation(),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 sm:px-7 sm:py-5 border-b border-slateBorder-subtle flex items-center justify-between gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg sm:text-xl font-bold text-white font-display tracking-tight truncate", children: title }),
+                subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted mt-0.5 truncate", children: subtitle })
+              ] }),
+              showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onClose,
+                  className: "w-8 h-8 rounded-lg text-muted hover:text-white hover:bg-slateBorder-subtle transition-colors flex items-center justify-center cursor-pointer flex-shrink-0",
+                  title: "Cerrar modal",
+                  "aria-label": "Cerrar modal",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12", strokeLinecap: "round", strokeLinejoin: "round" }) })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 sm:p-7 overflow-y-auto flex-1 space-y-4", children }),
+            footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6 py-4 border-t border-slateBorder-subtle bg-charcoal", children: footer })
+          ]
+        }
+      )
+    }
+  );
+};
+var ProcessStepCard = ({
+  stepNumber = "01",
+  title,
+  description,
+  badge,
+  icon,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: `p-8 rounded-3xl bg-slateSurface/80 border border-slateBorder hover:border-pistachio/40 transition-all duration-300 flex flex-col justify-between group shadow-sm font-sans h-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl sm:text-3xl font-mono font-bold text-pistachio tracking-tight", children: stepNumber }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio", children: icon || /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", "stroke-width": "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" }) }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-display font-bold text-white mb-3 group-hover:text-pistachio transition-colors", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted font-sans leading-relaxed", children: description })
+    ] }),
+    badge && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 pt-4 border-t border-slateBorder/50 text-sm font-mono text-muted", children: badge })
+  ] });
+};
+var RoleViewSwitcher = ({
+  activeRole = "ADMIN",
+  onRoleChange,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `inline-flex items-center bg-charcoal-surface border border-slateBorder p-0.5 rounded-xl text-xs select-none shadow-xs font-sans ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onRoleChange?.("ADMIN"),
+        className: `inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg transition-all cursor-pointer ${activeRole === "ADMIN" ? "bg-pistachio text-charcoal font-semibold" : "text-muted hover:text-white"}`,
+        title: "Ver como Administrador",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Admin" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onRoleChange?.("USER"),
+        className: `inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg transition-all cursor-pointer ${activeRole === "USER" ? "bg-slateBorder text-white font-medium" : "text-muted hover:text-white"}`,
+        title: "Ver como Colaborador",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5", fill: "none", stroke: "currentColor", strokeWidth: 2, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Colaborador" })
+        ]
+      }
+    )
+  ] });
+};
+var SolutionBentoCard = ({
+  title,
+  description,
+  badge,
+  bulletPoints = [],
+  ctaText = "Ver tarifas",
+  ctaHref = "/servicios/",
+  icon,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: `p-8 sm:p-10 rounded-3xl bg-slateSurface/80 border border-slateBorder hover:border-pistachio/40 transition-all duration-300 flex flex-col justify-between group shadow-sm font-sans h-full ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-xl bg-pistachio/10 border border-pistachio/20 flex items-center justify-center text-pistachio group-hover:scale-105 transition-transform", children: icon || /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", "stroke-width": "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) }) }),
+        badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-3 py-1 rounded-full bg-slateCard text-pistachio text-sm font-mono font-semibold border border-slateBorder", children: badge })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl sm:text-3xl font-display font-bold text-white mb-4 group-hover:text-pistachio transition-colors", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm sm:text-base text-muted font-sans leading-relaxed mb-8", children: description }),
+      bulletPoints.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 mb-10 text-sm font-sans text-white/80", children: bulletPoints.map((point, idx) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-pistachio mt-2 shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: point })
+      ] }, idx)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: ctaHref,
+        className: "inline-flex items-center justify-between w-full px-5 py-3.5 rounded-xl bg-slateCard hover:bg-slateBorder/80 text-white hover:text-pistachio border border-slateBorder hover:border-pistachio/50 font-display font-semibold text-sm transition-all duration-200 group/btn",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: ctaText }),
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-4 h-4 text-pistachio transform group-hover/btn:translate-x-1 transition-transform", fill: "none", stroke: "currentColor", "stroke-width": "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M14 5l7 7m0 0l-7 7m7-7H3" }) })
+        ]
+      }
+    ) })
+  ] });
+};
+var TableLedgerRow = ({
+  index,
+  hash,
+  timestamp,
+  verified = true,
+  onCopyHash,
+  className = ""
+}) => {
+  const truncatedHash = react.useMemo(() => {
+    if (!hash || hash.length <= 16) return hash;
+    return `${hash.slice(0, 8)}...${hash.slice(-8)}`;
+  }, [hash]);
+  const handleCopy = () => {
+    if (onCopyHash) {
+      onCopyHash(hash);
+    } else if (navigator.clipboard) {
+      navigator.clipboard.writeText(hash);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `flex items-center justify-between py-2 px-3 bg-charcoal hover:bg-charcoal-surface border-b border-slateBorder text-xs font-mono transition-colors ${className}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted w-12 font-medium", children: [
+            "#",
+            index
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleCopy,
+              className: "text-pistachio hover:underline cursor-pointer select-none font-medium",
+              title: "Copiar hash completo",
+              children: truncatedHash
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted text-xs", children: timestamp }),
+          verified ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-pistachio", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-pistachio" }),
+            "Sellado"
+          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-amber-500", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-amber-500" }),
+            "Pendiente"
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+var TimerWidget = ({
+  time = "00:00:00",
+  active = false,
+  onToggle,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `inline-flex items-center gap-3 bg-charcoal border border-slateBorder px-3 py-1.5 rounded-lg font-mono text-xs ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `w-2 h-2 rounded-full ${active ? "bg-pistachio" : "bg-muted"}` }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white font-bold tracking-wider", children: time }),
+    onToggle && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: onToggle,
+        className: "text-xs text-pistachio hover:underline cursor-pointer font-mono",
+        children: active ? "Pausar" : "Reanudar"
+      }
+    )
+  ] });
+};
+var ToggleSwitch = ({
+  label = "",
+  checked = false,
+  onChange,
+  className = ""
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: `inline-flex items-center gap-2 cursor-pointer font-sans ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "checkbox",
+        checked,
+        onChange: (e) => onChange?.(e.target.checked),
+        className: "sr-only peer"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-4 bg-slateBorder rounded-full peer peer-checked:after:translate-x-full after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-charcoal after:rounded-full after:h-3 after:w-3 after:transition-all peer-checked:bg-pistachio relative" }),
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-white font-medium", children: label })
+  ] });
+};
+var WavyUnderlineHeading = ({
+  prefixText = "Ingenier\xEDa con",
+  highlightText = "total transparencia.",
+  strokeColor = "#E0F9B5",
+  className = "",
+  showReload = true
+}) => {
+  const pathRef = react.useRef(null);
+  const triggerAnimation = () => {
+    if (!pathRef.current) return;
+    const length = Math.ceil(pathRef.current.getTotalLength()) + 20;
+    gsap2__default.default.fromTo(
+      pathRef.current,
+      {
+        strokeDasharray: length,
+        strokeDashoffset: length,
+        opacity: 1
+      },
+      {
+        strokeDashoffset: 0,
+        duration: 0.8,
+        ease: "power2.inOut",
+        overwrite: "auto"
+      }
+    );
+  };
+  react.useEffect(() => {
+    triggerAnimation();
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full flex flex-col items-center justify-center gap-3 p-4 bg-charcoal border border-slateBorder rounded-xl font-display text-center ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-xl sm:text-2xl md:text-3xl font-bold text-white tracking-tight leading-snug", children: [
+      prefixText && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        prefixText,
+        " "
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative inline-block text-pistachio", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative z-10", children: highlightText }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "absolute left-0 -bottom-2 w-full h-3 overflow-visible pointer-events-none",
+            viewBox: "0 0 300 16",
+            preserveAspectRatio: "none",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                ref: pathRef,
+                d: "M2 10 Q 35 2, 75 9 T 150 9 T 225 9 T 298 9",
+                stroke: strokeColor,
+                strokeWidth: "3",
+                strokeLinecap: "round"
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    showReload && /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: triggerAnimation,
+        className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-slateSurface hover:bg-slateBorder text-white border border-slateBorder text-xs font-mono transition-colors cursor-pointer mt-2",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-3.5 h-3.5 text-pistachio", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Recargar animaci\xF3n" })
+        ]
+      }
+    )
+  ] });
+};
+var WorkspaceSwitcher = ({
+  workspaces = [
+    { id: "synthex", name: "Synthex Matriz", isMain: true },
+    { id: "filial-de", name: "Synthex GmbH (Alemania)" }
+  ],
+  currentWorkspace,
+  onSelect,
+  className = ""
+}) => {
+  const [isOpen, setIsOpen] = react.useState(false);
+  const [selected, setSelected] = react.useState(
+    currentWorkspace || workspaces[0] || { id: "synthex", name: "Synthex Matriz", isMain: true }
+  );
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (currentWorkspace) {
+      setSelected(currentWorkspace);
+    }
+  }, [currentWorkspace]);
+  react.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (containerRef.current && !containerRef.current.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const handleSelect = (item) => {
+    setSelected(item);
+    setIsOpen(false);
+    onSelect?.(item);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `relative inline-block font-sans text-xs ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsOpen(!isOpen),
+        className: "flex items-center gap-2 bg-charcoal border border-slateBorder hover:border-pistachio/40 px-3 py-1.5 rounded-lg text-white transition-colors cursor-pointer",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 200 200", width: "18", height: "18", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10", y: "10", width: "180", height: "180", rx: "52", fill: "#E0F9B5" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("g", { stroke: "#111111", strokeWidth: "14", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", transform: "translate(41, 56)", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "40,24 14,46 40,68" }),
+              /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "53", y1: "72", x2: "69", y2: "20" }),
+              /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "82,24 108,46 82,68" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-white", children: selected?.name || "Seleccionar Empresa" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-muted text-xs font-mono transition-transform ${isOpen ? "rotate-180" : ""}`, children: "\u25BE" })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-0 mt-1 w-52 bg-slateSurface-card border border-slateBorder rounded-lg shadow-xl z-50 py-1 overflow-hidden", children: workspaces.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => handleSelect(item),
+        className: "w-full text-left px-3 py-2 hover:bg-slateBorder text-white flex items-center justify-between text-xs transition-colors cursor-pointer",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.name }),
+          item.id === selected?.id && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-pistachio", children: "\u2713" })
+        ]
+      },
+      item.id
+    )) })
+  ] });
+};
+
+exports.AnimatedDropdown = AnimatedDropdown;
+exports.BadgeStatus = BadgeStatus;
+exports.BentoGridCard = BentoGridCard;
+exports.ButtonOutline = ButtonOutline;
+exports.ButtonPrimary = ButtonPrimary;
+exports.ButtonSecondary = ButtonSecondary;
+exports.ClientTrustCard = ClientTrustCard;
+exports.CommandKTrigger = CommandKTrigger;
+exports.DropdownSelect = DropdownSelect;
+exports.FooterBounce = FooterBounce;
+exports.HelpTooltip = HelpTooltip;
+exports.InputText = InputText;
+exports.LanguageSelectorDropdown = LanguageSelectorDropdown;
+exports.LanguageSelectorPill = LanguageSelectorPill;
+exports.MagicLinkCard = MagicLinkCard;
+exports.MagneticButton = MagneticButton;
+exports.ManifestoIconBox = ManifestoIconBox;
+exports.MetricCard = MetricCard;
+exports.ModalDialog = ModalDialog;
+exports.Preloader = Preloader;
+exports.ProcessStepCard = ProcessStepCard;
+exports.RoleViewSwitcher = RoleViewSwitcher;
+exports.SolutionBentoCard = SolutionBentoCard;
+exports.TableLedgerRow = TableLedgerRow;
+exports.TimerWidget = TimerWidget;
+exports.ToggleSwitch = ToggleSwitch;
+exports.WavyUnderlineHeading = WavyUnderlineHeading;
+exports.WorkspaceSwitcher = WorkspaceSwitcher;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map