@walrosproject/ui 0.1.0

package/LICENSE

@@ -0,0 +1,14 @@
+Copyright (c) 2026 Alexander Calle.
+
+Permission is granted to use, copy, modify, and distribute the source code in
+this package as part of websites and software belonging to the WalrOS
+ecosystem, subject to preserving this copyright notice.
+
+The WalrOS name, logos, wordmarks, artwork, and other brand assets are
+proprietary brand materials. No permission is granted to use them to
+impersonate WalrOS, create confusingly similar products, or suggest an
+official affiliation without the copyright holder's authorization.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.

package/README.md

@@ -0,0 +1,105 @@
+# @walrosproject/ui
+
+Componentes y recursos visuales oficiales del ecosistema **WalrOS**.
+
+## Contenido inicial
+
+- `WalrosPortalTransition`
+- `WalrosLogo`
+- `WalrosWordmark`
+- URLs exportadas de los assets oficiales
+
+## Instalación
+
+```bash
+npm install @walrosproject/ui
+```
+
+## Transición de entrada
+
+```tsx
+import { WalrosPortalTransition } from "@walrosproject/ui";
+
+export default function App() {
+  return (
+    <>
+      <WalrosPortalTransition storageMode="always" />
+      <main>Contenido de la aplicación</main>
+    </>
+  );
+}
+```
+
+Modos disponibles:
+
+```tsx
+<WalrosPortalTransition storageMode="always" />
+<WalrosPortalTransition storageMode="session" />
+<WalrosPortalTransition storageMode="once" />
+```
+
+- `always`: se reproduce en cada carga completa.
+- `session`: una vez por pestaña o sesión.
+- `once`: una sola vez mediante `localStorage`.
+
+## Logo
+
+```tsx
+import { WalrosLogo } from "@walrosproject/ui";
+
+<WalrosLogo
+  style={{ width: 120, height: "auto" }}
+/>
+```
+
+## Wordmark
+
+```tsx
+import { WalrosWordmark } from "@walrosproject/ui";
+
+<WalrosWordmark
+  variant="light"
+  style={{ width: 320, height: "auto" }}
+/>
+
+<WalrosWordmark
+  variant="dark"
+  style={{ width: 320, height: "auto" }}
+/>
+```
+
+## Desarrollo
+
+```bash
+npm install
+npm run check
+npm run build
+npm run pack:check
+```
+
+## Primera publicación
+
+Activa 2FA en npm y ejecuta:
+
+```bash
+npm login
+npm publish --access public
+```
+
+El script `prepublishOnly` valida TypeScript y genera `dist` automáticamente.
+
+## Publicaciones posteriores
+
+Actualiza la versión antes de publicar:
+
+```bash
+npm version patch
+npm publish
+```
+
+Usa `minor` para nuevas funciones compatibles y `major` para cambios incompatibles.
+
+## Marca y licencia
+
+El código y los recursos se distribuyen bajo los términos indicados en `LICENSE`.
+WalrOS, su nombre y sus recursos gráficos siguen siendo propiedad de Alexander Calle.

package/dist/assets/walros-portal-silhouette.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 1254 1254"
+     width="1254" height="1254"
+     role="img" aria-label="Silueta WalrOS">
+  <g fill="#000000">
+    <path d="M 244.00 354.00 C 240.50 377.67, 240.17 413.67, 242.00 434.00 C 243.83 454.33, 249.50 464.50, 255.00 476.00 C 260.50 487.50, 268.50 496.00, 275.00 503.00 C 281.50 510.00, 287.17 513.67, 294.00 518.00 C 300.83 522.33, 306.00 525.67, 316.00 529.00 C 326.00 532.33, 336.33 536.67, 354.00 538.00 C 371.67 539.33, 397.83 540.83, 422.00 537.00 C 446.17 533.17, 474.17 525.33, 499.00 515.00 C 523.83 504.67, 550.00 489.33, 571.00 475.00 C 592.00 460.67, 615.00 436.50, 625.00 429.00 C 635.00 421.50, 623.67 424.00, 631.00 430.00 C 638.33 436.00, 656.67 454.83, 669.00 465.00 C 681.33 475.17, 690.00 482.17, 705.00 491.00 C 720.00 499.83, 743.67 511.50, 759.00 518.00 C 774.33 524.50, 784.00 526.83, 797.00 530.00 C 810.00 533.17, 820.00 535.83, 837.00 537.00 C 854.00 538.17, 881.17 539.00, 899.00 537.00 C 916.83 535.00, 932.00 530.00, 944.00 525.00 C 956.00 520.00, 962.00 516.17, 971.00 507.00 C 980.00 497.83, 991.67 482.83, 998.00 470.00 C 1004.33 457.17, 1007.17 446.33, 1009.00 430.00 C 1010.83 413.67, 1010.83 390.50, 1009.00 372.00 C 1007.17 353.50, 1003.83 337.17, 998.00 319.00 C 992.17 300.83, 983.67 280.17, 974.00 263.00 C 964.33 245.83, 952.00 229.67, 940.00 216.00 C 928.00 202.33, 917.17 192.00, 902.00 181.00 C 886.83 170.00, 866.50 158.17, 849.00 150.00 C 831.50 141.83, 816.67 137.00, 797.00 132.00 C 777.33 127.00, 756.67 122.83, 731.00 120.00 C 705.33 117.17, 673.67 115.33, 643.00 115.00 C 612.33 114.67, 575.67 115.67, 547.00 118.00 C 518.33 120.33, 496.17 123.00, 471.00 129.00 C 445.83 135.00, 418.33 143.50, 396.00 154.00 C 373.67 164.50, 353.50 178.50, 337.00 192.00 C 320.50 205.50, 309.33 218.33, 297.00 235.00 C 284.67 251.67, 271.83 272.17, 263.00 292.00 C 254.17 311.83, 247.50 330.33, 244.00 354.00 Z"/><path d="M 289.00 536.00 C 283.17 535.50, 284.83 533.00, 284.00 544.00 C 283.17 555.00, 282.67 578.67, 284.00 602.00 C 285.33 625.33, 287.00 651.83, 292.00 684.00 C 297.00 716.17, 306.33 763.50, 314.00 795.00 C 321.67 826.50, 328.67 847.17, 338.00 873.00 C 347.33 898.83, 357.00 923.67, 370.00 950.00 C 383.00 976.33, 399.67 1006.00, 416.00 1031.00 C 432.33 1056.00, 455.33 1084.50, 468.00 1100.00 C 480.67 1115.50, 486.17 1119.33, 492.00 1124.00 C 497.83 1128.67, 500.67 1127.67, 503.00 1128.00 C 505.33 1128.33, 505.50 1127.50, 506.00 1126.00 C 506.50 1124.50, 510.33 1132.00, 506.00 1119.00 C 501.67 1106.00, 488.17 1073.83, 480.00 1048.00 C 471.83 1022.17, 462.67 987.67, 457.00 964.00 C 451.33 940.33, 449.17 927.33, 446.00 906.00 C 442.83 884.67, 439.50 865.00, 438.00 836.00 C 436.50 807.00, 436.50 758.33, 437.00 732.00 C 437.50 705.67, 439.00 696.33, 441.00 678.00 C 443.00 659.67, 444.83 644.00, 449.00 622.00 C 453.17 600.00, 464.50 559.00, 466.00 546.00 C 467.50 533.00, 468.67 542.50, 458.00 544.00 C 447.33 545.50, 418.33 553.17, 402.00 555.00 C 385.67 556.83, 373.83 556.33, 360.00 555.00 C 346.17 553.67, 330.83 550.17, 319.00 547.00 C 307.17 543.83, 294.83 536.50, 289.00 536.00 Z"/><path d="M 961.00 537.00 C 948.50 539.17, 907.83 552.00, 889.00 555.00 C 870.17 558.00, 864.17 557.00, 848.00 555.00 C 831.83 553.00, 802.83 545.00, 792.00 543.00 C 781.17 541.00, 784.83 542.50, 783.00 543.00 C 781.17 543.50, 778.67 533.83, 781.00 546.00 C 783.33 558.17, 792.67 592.33, 797.00 616.00 C 801.33 639.67, 804.83 668.83, 807.00 688.00 C 809.17 707.17, 809.67 709.00, 810.00 731.00 C 810.33 753.00, 810.50 792.83, 809.00 820.00 C 807.50 847.17, 804.50 870.50, 801.00 894.00 C 797.50 917.50, 794.00 936.17, 788.00 961.00 C 782.00 985.83, 773.50 1016.67, 765.00 1043.00 C 756.50 1069.33, 741.33 1104.83, 737.00 1119.00 C 732.67 1133.17, 736.67 1127.17, 739.00 1128.00 C 741.33 1128.83, 745.83 1127.83, 751.00 1124.00 C 756.17 1120.17, 757.33 1120.50, 770.00 1105.00 C 782.67 1089.50, 811.33 1053.50, 827.00 1031.00 C 842.67 1008.50, 851.17 995.00, 864.00 970.00 C 876.83 945.00, 892.83 910.00, 904.00 881.00 C 915.17 852.00, 923.00 826.67, 931.00 796.00 C 939.00 765.33, 946.67 728.67, 952.00 697.00 C 957.33 665.33, 961.00 631.83, 963.00 606.00 C 965.00 580.17, 964.33 553.50, 964.00 542.00 C 963.67 530.50, 973.50 534.83, 961.00 537.00 Z"/>
+  </g>
+</svg>

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { ImgHTMLAttributes } from 'react';
+
+type WalrosPortalTransitionProps = {
+    duration?: number;
+    onComplete?: () => void;
+    backgroundColor?: string;
+    enabled?: boolean;
+    storageMode?: "always" | "session" | "once";
+    storageKey?: string;
+    zIndex?: number;
+};
+declare function WalrosPortalTransition({ duration, onComplete, backgroundColor, enabled, storageMode, storageKey, zIndex, }: WalrosPortalTransitionProps): react.JSX.Element | null;
+
+type WalrosLogoProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src">;
+declare function WalrosLogo({ alt, draggable, ...props }: WalrosLogoProps): react.JSX.Element;
+
+type WalrosWordmarkProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src"> & {
+    variant?: "light" | "dark";
+};
+declare function WalrosWordmark({ variant, alt, draggable, ...props }: WalrosWordmarkProps): react.JSX.Element;
+
+declare const walrosPortalSilhouetteUrl: string;
+declare const walrosLogoChromeUrl: string;
+declare const walrosWordmarkLightUrl: string;
+declare const walrosWordmarkDarkUrl: string;
+
+export { WalrosLogo, type WalrosLogoProps, WalrosPortalTransition, type WalrosPortalTransitionProps, WalrosWordmark, type WalrosWordmarkProps, walrosLogoChromeUrl, walrosPortalSilhouetteUrl, walrosWordmarkDarkUrl, walrosWordmarkLightUrl };

package/dist/index.js

@@ -0,0 +1,420 @@
+import { useState, useRef, useId, useEffect, useLayoutEffect } from 'react';
+import { gsap } from 'gsap';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/WalrosPortalTransition.tsx
+
+// src/assets.ts
+var walrosPortalSilhouetteUrl = new URL(
+  "./assets/walros-portal-silhouette.svg",
+  import.meta.url
+).href;
+var walrosLogoChromeUrl = new URL(
+  "./assets/walros-logo-chrome.png",
+  import.meta.url
+).href;
+var walrosWordmarkLightUrl = new URL(
+  "./assets/walros-wordmark-light.png",
+  import.meta.url
+).href;
+var walrosWordmarkDarkUrl = new URL(
+  "./assets/walros-wordmark-dark.png",
+  import.meta.url
+).href;
+var SILHOUETTE_VIEWBOX = 1254;
+var FOCUS_X = 626;
+var FOCUS_Y = 333;
+var PORTAL_RADIUS = 190;
+function getStorage(mode) {
+  if (typeof window === "undefined") return null;
+  try {
+    const storage = mode === "session" ? window.sessionStorage : window.localStorage;
+    const testKey = "__walros_portal_test__";
+    storage.setItem(testKey, "1");
+    storage.removeItem(testKey);
+    return storage;
+  } catch {
+    return null;
+  }
+}
+function shouldRunTransition(enabled, storageMode, storageKey) {
+  if (!enabled) return false;
+  if (storageMode === "always") return true;
+  if (typeof window === "undefined") return false;
+  const storage = getStorage(storageMode);
+  if (!storage) return true;
+  try {
+    return storage.getItem(storageKey) == null;
+  } catch {
+    return true;
+  }
+}
+function WalrosPortalTransition({
+  duration = 750,
+  onComplete,
+  backgroundColor = "#02050b",
+  enabled = true,
+  storageMode = "always",
+  storageKey = "walros-portal-seen",
+  zIndex = 9999
+}) {
+  const [shouldRun] = useState(
+    () => shouldRunTransition(enabled, storageMode, storageKey)
+  );
+  const [visible, setVisible] = useState(shouldRun);
+  const [size, setSize] = useState({ w: 0, h: 0 });
+  const overlayRef = useRef(null);
+  const maskScaleRef = useRef(null);
+  const glowScaleRef = useRef(null);
+  const completedRef = useRef(false);
+  const startedRef = useRef(false);
+  const rafRef = useRef(null);
+  const timelineRef = useRef(null);
+  const previousOverflowRef = useRef("");
+  const uid = useId().replace(/[:]/g, "_");
+  const maskId = `walros-portal-mask-${uid}`;
+  const glowFilterId = `walros-portal-glow-${uid}`;
+  useEffect(() => {
+    if (!visible) return;
+    const element = overlayRef.current;
+    if (!element) return;
+    const measure = () => {
+      const rect = element.getBoundingClientRect();
+      setSize(
+        (previous) => previous.w === rect.width && previous.h === rect.height ? previous : { w: rect.width, h: rect.height }
+      );
+    };
+    measure();
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(measure) : null;
+    observer?.observe(element);
+    window.addEventListener("resize", measure);
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("resize", measure);
+    };
+  }, [visible]);
+  useLayoutEffect(() => {
+    if (!enabled) {
+      setVisible(false);
+      return;
+    }
+    if (!visible) return;
+    if (completedRef.current || startedRef.current) return;
+    if (size.w <= 0 || size.h <= 0) return;
+    const overlay = overlayRef.current;
+    const maskScale = maskScaleRef.current;
+    const glowScale = glowScaleRef.current;
+    if (!overlay || !maskScale) return;
+    startedRef.current = true;
+    previousOverflowRef.current = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const finish = () => {
+      if (completedRef.current) return;
+      completedRef.current = true;
+      document.body.style.overflow = previousOverflowRef.current;
+      if (storageMode !== "always") {
+        const storage = getStorage(storageMode);
+        try {
+          storage?.setItem(storageKey, "1");
+        } catch {
+        }
+      }
+      setVisible(false);
+      onComplete?.();
+    };
+    const reducedMotion = window.matchMedia(
+      "(prefers-reduced-motion: reduce)"
+    ).matches;
+    if (reducedMotion) {
+      const timeline = gsap.timeline({ onComplete: finish });
+      timelineRef.current = timeline;
+      timeline.to(overlay, {
+        opacity: 0,
+        duration: 0.15,
+        ease: "power1.out"
+      });
+      return;
+    }
+    rafRef.current = requestAnimationFrame(() => {
+      rafRef.current = null;
+      const halfDiagonal = Math.sqrt(size.w * size.w + size.h * size.h) / 2;
+      const initialPixels2 = Math.min(
+        180,
+        Math.max(120, size.w * 0.12)
+      );
+      const initialScale2 = initialPixels2 / SILHOUETTE_VIEWBOX;
+      const finalScale = (halfDiagonal + 80) / PORTAL_RADIUS * 1.15;
+      gsap.set(maskScale, {
+        svgOrigin: "0 0",
+        scale: initialScale2
+      });
+      if (glowScale) {
+        gsap.set(glowScale, {
+          svgOrigin: "0 0",
+          scale: initialScale2,
+          opacity: 0.85
+        });
+      }
+      gsap.set(overlay, { opacity: 1 });
+      const totalSeconds = duration / 1e3;
+      const timeline = gsap.timeline({ onComplete: finish });
+      timelineRef.current = timeline;
+      timeline.to(
+        maskScale,
+        {
+          scale: initialScale2 * 1.4,
+          duration: totalSeconds * 0.15,
+          ease: "power2.out"
+        },
+        0
+      );
+      if (glowScale) {
+        timeline.to(
+          glowScale,
+          {
+            scale: initialScale2 * 1.4,
+            opacity: 1,
+            duration: totalSeconds * 0.15,
+            ease: "power2.out"
+          },
+          0
+        );
+      }
+      timeline.to(
+        maskScale,
+        {
+          scale: finalScale,
+          duration: totalSeconds * 0.85,
+          ease: "power2.in"
+        },
+        totalSeconds * 0.15
+      );
+      if (glowScale) {
+        timeline.to(
+          glowScale,
+          {
+            scale: finalScale * 0.9,
+            opacity: 0,
+            duration: totalSeconds * 0.4,
+            ease: "power2.in"
+          },
+          totalSeconds * 0.45
+        );
+      }
+      timeline.to(
+        overlay,
+        {
+          opacity: 0,
+          duration: totalSeconds * 0.1,
+          ease: "power2.out"
+        },
+        totalSeconds * 0.9
+      );
+    });
+  }, [
+    duration,
+    enabled,
+    onComplete,
+    size,
+    storageKey,
+    storageMode,
+    visible
+  ]);
+  useEffect(() => {
+    return () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+      }
+      timelineRef.current?.kill();
+      if (startedRef.current && !completedRef.current) {
+        document.body.style.overflow = previousOverflowRef.current;
+      }
+    };
+  }, []);
+  if (!shouldRun || !visible) return null;
+  const { w, h } = size;
+  const ready = w > 0 && h > 0;
+  const viewportCenterX = w / 2;
+  const viewportCenterY = h / 2;
+  const initialPixels = Math.min(
+    180,
+    Math.max(120, w * 0.12)
+  );
+  const initialScale = initialPixels / SILHOUETTE_VIEWBOX;
+  const visualCenter = SILHOUETTE_VIEWBOX / 2;
+  const initialOffsetX = (visualCenter - FOCUS_X) * initialScale;
+  const initialOffsetY = (visualCenter - FOCUS_Y) * initialScale;
+  const portalCenterX = viewportCenterX - initialOffsetX;
+  const portalCenterY = viewportCenterY - initialOffsetY;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: overlayRef,
+      "aria-hidden": "true",
+      style: {
+        position: "fixed",
+        inset: 0,
+        width: "100vw",
+        height: "100dvh",
+        zIndex,
+        pointerEvents: "none",
+        overflow: "hidden",
+        backgroundColor: ready ? "transparent" : backgroundColor
+      },
+      children: ready && /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width: "100%",
+          height: "100%",
+          viewBox: `0 0 ${w} ${h}`,
+          preserveAspectRatio: "none",
+          style: {
+            position: "absolute",
+            inset: 0,
+            display: "block"
+          },
+          children: [
+            /* @__PURE__ */ jsxs("defs", { children: [
+              /* @__PURE__ */ jsx(
+                "filter",
+                {
+                  id: glowFilterId,
+                  x: "-50%",
+                  y: "-50%",
+                  width: "200%",
+                  height: "200%",
+                  children: /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "28" })
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "mask",
+                {
+                  id: maskId,
+                  maskUnits: "userSpaceOnUse",
+                  x: "0",
+                  y: "0",
+                  width: w,
+                  height: h,
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      "rect",
+                      {
+                        x: "0",
+                        y: "0",
+                        width: w,
+                        height: h,
+                        fill: "white"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "g",
+                      {
+                        transform: `translate(${portalCenterX} ${portalCenterY})`,
+                        children: /* @__PURE__ */ jsx(
+                          "g",
+                          {
+                            ref: maskScaleRef,
+                            transform: `scale(${initialScale})`,
+                            children: /* @__PURE__ */ jsx(
+                              "image",
+                              {
+                                href: walrosPortalSilhouetteUrl,
+                                x: -FOCUS_X,
+                                y: -FOCUS_Y,
+                                width: SILHOUETTE_VIEWBOX,
+                                height: SILHOUETTE_VIEWBOX
+                              }
+                            )
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              "rect",
+              {
+                x: "0",
+                y: "0",
+                width: w,
+                height: h,
+                fill: backgroundColor,
+                mask: `url(#${maskId})`
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "g",
+              {
+                transform: `translate(${portalCenterX} ${portalCenterY})`,
+                style: {
+                  mixBlendMode: "screen",
+                  pointerEvents: "none"
+                },
+                children: /* @__PURE__ */ jsx(
+                  "g",
+                  {
+                    ref: glowScaleRef,
+                    transform: `scale(${initialScale})`,
+                    opacity: "0.85",
+                    children: /* @__PURE__ */ jsx("g", { filter: `url(#${glowFilterId})`, children: /* @__PURE__ */ jsx(
+                      "image",
+                      {
+                        href: walrosPortalSilhouetteUrl,
+                        x: -FOCUS_X,
+                        y: -FOCUS_Y,
+                        width: SILHOUETTE_VIEWBOX,
+                        height: SILHOUETTE_VIEWBOX,
+                        style: {
+                          filter: "brightness(0) saturate(100%) invert(58%) sepia(94%) saturate(1352%) hue-rotate(182deg)",
+                          opacity: 0.6
+                        }
+                      }
+                    ) })
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function WalrosLogo({
+  alt = "WalrOS",
+  draggable = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: walrosLogoChromeUrl,
+      alt,
+      draggable,
+      ...props
+    }
+  );
+}
+function WalrosWordmark({
+  variant = "light",
+  alt = "WalrOS",
+  draggable = false,
+  ...props
+}) {
+  const src = variant === "dark" ? walrosWordmarkDarkUrl : walrosWordmarkLightUrl;
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt,
+      draggable,
+      ...props
+    }
+  );
+}
+
+export { WalrosLogo, WalrosPortalTransition, WalrosWordmark, walrosLogoChromeUrl, walrosPortalSilhouetteUrl, walrosWordmarkDarkUrl, walrosWordmarkLightUrl };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/assets.ts","../src/components/WalrosPortalTransition.tsx","../src/components/WalrosLogo.tsx","../src/components/WalrosWordmark.tsx"],"names":["initialPixels","initialScale","jsx"],"mappings":"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","file":"index.js","sourcesContent":["export const walrosPortalSilhouetteUrl = new URL(\n  \"./assets/walros-portal-silhouette.svg\",\n  import.meta.url,\n).href;\n\nexport const walrosLogoChromeUrl = new URL(\n  \"./assets/walros-logo-chrome.png\",\n  import.meta.url,\n).href;\n\nexport const walrosWordmarkLightUrl = new URL(\n  \"./assets/walros-wordmark-light.png\",\n  import.meta.url,\n).href;\n\nexport const walrosWordmarkDarkUrl = new URL(\n  \"./assets/walros-wordmark-dark.png\",\n  import.meta.url,\n).href;\n","import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { gsap } from \"gsap\";\nimport { walrosPortalSilhouetteUrl } from \"../assets\";\n\nexport type WalrosPortalTransitionProps = {\n  duration?: number;\n  onComplete?: () => void;\n  backgroundColor?: string;\n  enabled?: boolean;\n  storageMode?: \"always\" | \"session\" | \"once\";\n  storageKey?: string;\n  zIndex?: number;\n};\n\nconst SILHOUETTE_VIEWBOX = 1254;\nconst FOCUS_X = 626;\nconst FOCUS_Y = 333;\nconst PORTAL_RADIUS = 190;\n\nfunction getStorage(mode: \"session\" | \"once\"): Storage | null {\n  if (typeof window === \"undefined\") return null;\n\n  try {\n    const storage =\n      mode === \"session\"\n        ? window.sessionStorage\n        : window.localStorage;\n    const testKey = \"__walros_portal_test__\";\n    storage.setItem(testKey, \"1\");\n    storage.removeItem(testKey);\n    return storage;\n  } catch {\n    return null;\n  }\n}\n\nfunction shouldRunTransition(\n  enabled: boolean,\n  storageMode: \"always\" | \"session\" | \"once\",\n  storageKey: string,\n): boolean {\n  if (!enabled) return false;\n  if (storageMode === \"always\") return true;\n  if (typeof window === \"undefined\") return false;\n\n  const storage = getStorage(storageMode);\n  if (!storage) return true;\n\n  try {\n    return storage.getItem(storageKey) == null;\n  } catch {\n    return true;\n  }\n}\n\nexport function WalrosPortalTransition({\n  duration = 750,\n  onComplete,\n  backgroundColor = \"#02050b\",\n  enabled = true,\n  storageMode = \"always\",\n  storageKey = \"walros-portal-seen\",\n  zIndex = 9999,\n}: WalrosPortalTransitionProps) {\n  const [shouldRun] = useState(() =>\n    shouldRunTransition(enabled, storageMode, storageKey),\n  );\n  const [visible, setVisible] = useState(shouldRun);\n  const [size, setSize] = useState({ w: 0, h: 0 });\n\n  const overlayRef = useRef<HTMLDivElement | null>(null);\n  const maskScaleRef = useRef<SVGGElement | null>(null);\n  const glowScaleRef = useRef<SVGGElement | null>(null);\n  const completedRef = useRef(false);\n  const startedRef = useRef(false);\n  const rafRef = useRef<number | null>(null);\n  const timelineRef = useRef<gsap.core.Timeline | null>(null);\n  const previousOverflowRef = useRef(\"\");\n\n  const uid = useId().replace(/[:]/g, \"_\");\n  const maskId = `walros-portal-mask-${uid}`;\n  const glowFilterId = `walros-portal-glow-${uid}`;\n\n  useEffect(() => {\n    if (!visible) return;\n\n    const element = overlayRef.current;\n    if (!element) return;\n\n    const measure = () => {\n      const rect = element.getBoundingClientRect();\n      setSize((previous) =>\n        previous.w === rect.width && previous.h === rect.height\n          ? previous\n          : { w: rect.width, h: rect.height },\n      );\n    };\n\n    measure();\n\n    const observer =\n      typeof ResizeObserver !== \"undefined\"\n        ? new ResizeObserver(measure)\n        : null;\n\n    observer?.observe(element);\n    window.addEventListener(\"resize\", measure);\n\n    return () => {\n      observer?.disconnect();\n      window.removeEventListener(\"resize\", measure);\n    };\n  }, [visible]);\n\n  useLayoutEffect(() => {\n    if (!enabled) {\n      setVisible(false);\n      return;\n    }\n\n    if (!visible) return;\n    if (completedRef.current || startedRef.current) return;\n    if (size.w <= 0 || size.h <= 0) return;\n\n    const overlay = overlayRef.current;\n    const maskScale = maskScaleRef.current;\n    const glowScale = glowScaleRef.current;\n\n    if (!overlay || !maskScale) return;\n\n    startedRef.current = true;\n    previousOverflowRef.current = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n\n    const finish = () => {\n      if (completedRef.current) return;\n\n      completedRef.current = true;\n      document.body.style.overflow = previousOverflowRef.current;\n\n      if (storageMode !== \"always\") {\n        const storage = getStorage(storageMode);\n        try {\n          storage?.setItem(storageKey, \"1\");\n        } catch {\n          // El modo privado o una cuota llena no deben romper la web.\n        }\n      }\n\n      setVisible(false);\n      onComplete?.();\n    };\n\n    const reducedMotion = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\",\n    ).matches;\n\n    if (reducedMotion) {\n      const timeline = gsap.timeline({ onComplete: finish });\n      timelineRef.current = timeline;\n      timeline.to(overlay, {\n        opacity: 0,\n        duration: 0.15,\n        ease: \"power1.out\",\n      });\n      return;\n    }\n\n    rafRef.current = requestAnimationFrame(() => {\n      rafRef.current = null;\n\n      const halfDiagonal =\n        Math.sqrt(size.w * size.w + size.h * size.h) / 2;\n      const initialPixels = Math.min(\n        180,\n        Math.max(120, size.w * 0.12),\n      );\n      const initialScale =\n        initialPixels / SILHOUETTE_VIEWBOX;\n      const finalScale =\n        ((halfDiagonal + 80) / PORTAL_RADIUS) * 1.15;\n\n      gsap.set(maskScale, {\n        svgOrigin: \"0 0\",\n        scale: initialScale,\n      });\n\n      if (glowScale) {\n        gsap.set(glowScale, {\n          svgOrigin: \"0 0\",\n          scale: initialScale,\n          opacity: 0.85,\n        });\n      }\n\n      gsap.set(overlay, { opacity: 1 });\n\n      const totalSeconds = duration / 1000;\n      const timeline = gsap.timeline({ onComplete: finish });\n      timelineRef.current = timeline;\n\n      timeline.to(\n        maskScale,\n        {\n          scale: initialScale * 1.4,\n          duration: totalSeconds * 0.15,\n          ease: \"power2.out\",\n        },\n        0,\n      );\n\n      if (glowScale) {\n        timeline.to(\n          glowScale,\n          {\n            scale: initialScale * 1.4,\n            opacity: 1,\n            duration: totalSeconds * 0.15,\n            ease: \"power2.out\",\n          },\n          0,\n        );\n      }\n\n      timeline.to(\n        maskScale,\n        {\n          scale: finalScale,\n          duration: totalSeconds * 0.85,\n          ease: \"power2.in\",\n        },\n        totalSeconds * 0.15,\n      );\n\n      if (glowScale) {\n        timeline.to(\n          glowScale,\n          {\n            scale: finalScale * 0.9,\n            opacity: 0,\n            duration: totalSeconds * 0.4,\n            ease: \"power2.in\",\n          },\n          totalSeconds * 0.45,\n        );\n      }\n\n      timeline.to(\n        overlay,\n        {\n          opacity: 0,\n          duration: totalSeconds * 0.1,\n          ease: \"power2.out\",\n        },\n        totalSeconds * 0.9,\n      );\n    });\n  }, [\n    duration,\n    enabled,\n    onComplete,\n    size,\n    storageKey,\n    storageMode,\n    visible,\n  ]);\n\n  useEffect(() => {\n    return () => {\n      if (rafRef.current !== null) {\n        cancelAnimationFrame(rafRef.current);\n      }\n\n      timelineRef.current?.kill();\n\n      if (startedRef.current && !completedRef.current) {\n        document.body.style.overflow =\n          previousOverflowRef.current;\n      }\n    };\n  }, []);\n\n  if (!shouldRun || !visible) return null;\n\n  const { w, h } = size;\n  const ready = w > 0 && h > 0;\n\n  const viewportCenterX = w / 2;\n  const viewportCenterY = h / 2;\n  const initialPixels = Math.min(\n    180,\n    Math.max(120, w * 0.12),\n  );\n  const initialScale =\n    initialPixels / SILHOUETTE_VIEWBOX;\n  const visualCenter = SILHOUETTE_VIEWBOX / 2;\n  const initialOffsetX =\n    (visualCenter - FOCUS_X) * initialScale;\n  const initialOffsetY =\n    (visualCenter - FOCUS_Y) * initialScale;\n  const portalCenterX =\n    viewportCenterX - initialOffsetX;\n  const portalCenterY =\n    viewportCenterY - initialOffsetY;\n\n  return (\n    <div\n      ref={overlayRef}\n      aria-hidden=\"true\"\n      style={{\n        position: \"fixed\",\n        inset: 0,\n        width: \"100vw\",\n        height: \"100dvh\",\n        zIndex,\n        pointerEvents: \"none\",\n        overflow: \"hidden\",\n        backgroundColor: ready\n          ? \"transparent\"\n          : backgroundColor,\n      }}\n    >\n      {ready && (\n        <svg\n          width=\"100%\"\n          height=\"100%\"\n          viewBox={`0 0 ${w} ${h}`}\n          preserveAspectRatio=\"none\"\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"block\",\n          }}\n        >\n          <defs>\n            <filter\n              id={glowFilterId}\n              x=\"-50%\"\n              y=\"-50%\"\n              width=\"200%\"\n              height=\"200%\"\n            >\n              <feGaussianBlur stdDeviation=\"28\" />\n            </filter>\n\n            <mask\n              id={maskId}\n              maskUnits=\"userSpaceOnUse\"\n              x=\"0\"\n              y=\"0\"\n              width={w}\n              height={h}\n            >\n              <rect\n                x=\"0\"\n                y=\"0\"\n                width={w}\n                height={h}\n                fill=\"white\"\n              />\n\n              <g\n                transform={`translate(${portalCenterX} ${portalCenterY})`}\n              >\n                <g\n                  ref={maskScaleRef}\n                  transform={`scale(${initialScale})`}\n                >\n                  <image\n                    href={walrosPortalSilhouetteUrl}\n                    x={-FOCUS_X}\n                    y={-FOCUS_Y}\n                    width={SILHOUETTE_VIEWBOX}\n                    height={SILHOUETTE_VIEWBOX}\n                  />\n                </g>\n              </g>\n            </mask>\n          </defs>\n\n          <rect\n            x=\"0\"\n            y=\"0\"\n            width={w}\n            height={h}\n            fill={backgroundColor}\n            mask={`url(#${maskId})`}\n          />\n\n          <g\n            transform={`translate(${portalCenterX} ${portalCenterY})`}\n            style={{\n              mixBlendMode: \"screen\",\n              pointerEvents: \"none\",\n            }}\n          >\n            <g\n              ref={glowScaleRef}\n              transform={`scale(${initialScale})`}\n              opacity=\"0.85\"\n            >\n              <g filter={`url(#${glowFilterId})`}>\n                <image\n                  href={walrosPortalSilhouetteUrl}\n                  x={-FOCUS_X}\n                  y={-FOCUS_Y}\n                  width={SILHOUETTE_VIEWBOX}\n                  height={SILHOUETTE_VIEWBOX}\n                  style={{\n                    filter:\n                      \"brightness(0) saturate(100%) invert(58%) sepia(94%) saturate(1352%) hue-rotate(182deg)\",\n                    opacity: 0.6,\n                  }}\n                />\n              </g>\n            </g>\n          </g>\n        </svg>\n      )}\n    </div>\n  );\n}\n\nexport default WalrosPortalTransition;\n","import type { ImgHTMLAttributes } from \"react\";\nimport { walrosLogoChromeUrl } from \"../assets\";\n\nexport type WalrosLogoProps = Omit<\n  ImgHTMLAttributes<HTMLImageElement>,\n  \"src\"\n>;\n\nexport function WalrosLogo({\n  alt = \"WalrOS\",\n  draggable = false,\n  ...props\n}: WalrosLogoProps) {\n  return (\n    <img\n      src={walrosLogoChromeUrl}\n      alt={alt}\n      draggable={draggable}\n      {...props}\n    />\n  );\n}\n\nexport default WalrosLogo;\n","import type { ImgHTMLAttributes } from \"react\";\nimport {\n  walrosWordmarkDarkUrl,\n  walrosWordmarkLightUrl,\n} from \"../assets\";\n\nexport type WalrosWordmarkProps = Omit<\n  ImgHTMLAttributes<HTMLImageElement>,\n  \"src\"\n> & {\n  variant?: \"light\" | \"dark\";\n};\n\nexport function WalrosWordmark({\n  variant = \"light\",\n  alt = \"WalrOS\",\n  draggable = false,\n  ...props\n}: WalrosWordmarkProps) {\n  const src =\n    variant === \"dark\"\n      ? walrosWordmarkDarkUrl\n      : walrosWordmarkLightUrl;\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      draggable={draggable}\n      {...props}\n    />\n  );\n}\n\nexport default WalrosWordmark;\n"]}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@walrosproject/ui",
+  "version": "0.1.0",
+  "description": "Componentes y recursos visuales oficiales del ecosistema WalrOS.",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup && node scripts/copy-assets.mjs",
+    "check": "tsc --noEmit",
+    "pack:check": "npm pack --dry-run",
+    "prepublishOnly": "npm run check && npm run build"
+  },
+  "dependencies": {
+    "gsap": "^3.12.0"
+  },
+  "peerDependencies": {
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.0"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/walrosproject/walros-ui.git"
+  },
+  "homepage": "https://walros.org",
+  "bugs": {
+    "url": "https://github.com/walrosproject/walros-ui/issues"
+  },
+  "keywords": [
+    "walros",
+    "react",
+    "ui",
+    "components",
+    "animation",
+    "gsap"
+  ],
+  "license": "SEE LICENSE IN LICENSE"
+}