decentraland-ui2 1.3.10 → 1.3.11-23254548394.commit-0815e57

package/dist/components/AnimatedBackground/AnimatedBackground.d.ts

@@ -0,0 +1,3 @@
+import { AnimatedBackgroundProps } from './AnimatedBackground.types';
+declare const AnimatedBackground: import("react").MemoExoticComponent<({ variant, color, patternUrl }: AnimatedBackgroundProps) => import("react/jsx-runtime").JSX.Element>;
+export { AnimatedBackground };

package/dist/components/AnimatedBackground/AnimatedBackground.js

@@ -0,0 +1,80 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useRef } from 'react';
+import { FRAGMENT_SHADER, VERTEX_SHADER } from './AnimatedBackground.shaders';
+import { createProgram, createShader, darkenRgb, hexToRgb, loadTexture } from './AnimatedBackground.utils';
+import overlayTextureUrl from '../../Assets/logo-pattern.webp';
+import { Canvas, Fallback, Wrapper } from './AnimatedBackground.styled';
+const DEFAULT_INNER_COLOR = [0.749, 0.0, 1.0];
+const DEFAULT_OUTER_COLOR = [0.3176, 0.0235, 0.5176];
+const AnimatedBackground = memo(({ variant = 'fixed', color, patternUrl }) => {
+    const canvasRef = useRef(null);
+    const animFrameRef = useRef(0);
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const gl = canvas.getContext('webgl', { alpha: false, antialias: false });
+        if (!gl) {
+            console.error('WebGL not supported');
+            return;
+        }
+        const vs = createShader(gl, gl.VERTEX_SHADER, VERTEX_SHADER);
+        const fs = createShader(gl, gl.FRAGMENT_SHADER, FRAGMENT_SHADER);
+        if (!vs || !fs)
+            return;
+        const program = createProgram(gl, vs, fs);
+        if (!program)
+            return;
+        const positionLoc = gl.getAttribLocation(program, 'a_position');
+        const timeLoc = gl.getUniformLocation(program, 'u_time');
+        const resolutionLoc = gl.getUniformLocation(program, 'u_resolution');
+        const overlayTexLoc = gl.getUniformLocation(program, 'u_overlayTex');
+        const innerColorLoc = gl.getUniformLocation(program, 'u_innerColor');
+        const outerColorLoc = gl.getUniformLocation(program, 'u_outerColor');
+        const innerColor = color ? hexToRgb(color) : DEFAULT_INNER_COLOR;
+        const outerColor = color ? darkenRgb(innerColor, 0.42) : DEFAULT_OUTER_COLOR;
+        const buffer = gl.createBuffer();
+        gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+        gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]), gl.STATIC_DRAW);
+        const overlayTexture = loadTexture(gl, patternUrl ?? overlayTextureUrl);
+        const resize = () => {
+            const dpr = window.devicePixelRatio || 1;
+            const w = canvas.clientWidth * dpr;
+            const h = canvas.clientHeight * dpr;
+            if (canvas.width !== w || canvas.height !== h) {
+                canvas.width = w;
+                canvas.height = h;
+            }
+        };
+        const startTime = performance.now() / 1000;
+        const render = () => {
+            resize();
+            gl.viewport(0, 0, canvas.width, canvas.height);
+            gl.useProgram(program);
+            gl.uniform1f(timeLoc, performance.now() / 1000 - startTime);
+            gl.uniform2f(resolutionLoc, canvas.width, canvas.height);
+            gl.uniform4f(innerColorLoc, innerColor[0], innerColor[1], innerColor[2], 1.0);
+            gl.uniform4f(outerColorLoc, outerColor[0], outerColor[1], outerColor[2], 1.0);
+            gl.activeTexture(gl.TEXTURE0);
+            gl.bindTexture(gl.TEXTURE_2D, overlayTexture);
+            gl.uniform1i(overlayTexLoc, 0);
+            gl.enableVertexAttribArray(positionLoc);
+            gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
+            gl.vertexAttribPointer(positionLoc, 2, gl.FLOAT, false, 0, 0);
+            gl.drawArrays(gl.TRIANGLES, 0, 6);
+            animFrameRef.current = requestAnimationFrame(render);
+        };
+        animFrameRef.current = requestAnimationFrame(render);
+        return () => {
+            cancelAnimationFrame(animFrameRef.current);
+            gl.deleteProgram(program);
+            gl.deleteShader(vs);
+            gl.deleteShader(fs);
+            gl.deleteBuffer(buffer);
+            gl.deleteTexture(overlayTexture);
+        };
+    }, [color, patternUrl]);
+    return (_jsxs(Wrapper, { variant: variant, children: [_jsx(Fallback, { variant: variant, "aria-hidden": true }), _jsx(Canvas, { ref: canvasRef })] }));
+});
+export { AnimatedBackground };
+//# sourceMappingURL=AnimatedBackground.js.map

package/dist/components/AnimatedBackground/AnimatedBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.js","sourceRoot":"","sources":["../../../src/components/AnimatedBackground/AnimatedBackground.tsx"],"names":[],"mappings":"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"}

package/dist/components/AnimatedBackground/AnimatedBackground.shaders.d.ts

@@ -0,0 +1,3 @@
+declare const VERTEX_SHADER = "\nattribute vec2 a_position;\nvarying vec2 v_uv;\nvoid main() {\n  v_uv = a_position * 0.5 + 0.5;\n  gl_Position = vec4(a_position, 0.0, 1.0);\n}\n";
+declare const FRAGMENT_SHADER = "\nprecision highp float;\n\nuniform float u_time;\nuniform vec2 u_resolution;\nuniform sampler2D u_overlayTex;\nuniform vec4 u_innerColor;\nuniform vec4 u_outerColor;\n\nvarying vec2 v_uv;\nconst float vignetteRadius = 0.167;\nconst float vignetteSmoothness = 0.5;\nconst vec4 overlayColor = vec4(1.0, 1.0, 1.0, 1.0);\nconst float overlayTiling = 1.66;\nconst vec2 overlayDirection = vec2(1.0, -1.25);\nconst float overlaySpeed = 0.06;\nconst float overlayAlpha = 0.573;\nconst vec4 glowColor = vec4(0.5725, 0.0588, 0.6392, 1.0);\nconst float glowStrength = 0.17;\nconst vec2 glowRadiusVec = vec2(0.05, 0.13);\nconst float glowSmoothness = 3.61;\nconst vec2 glowCenter = vec2(0.68, 0.5);\nconst float luminosityStrength = 0.541;\n\nvec3 rgb2hsv(vec3 c) {\n  vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);\n  vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));\n  vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));\n  float d = q.x - min(q.w, q.y);\n  float e = 1e-10;\n  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);\n}\n\nvec3 hsv2rgb(vec3 c) {\n  vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);\n  vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);\n  return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);\n}\n\nvoid main() {\n  vec2 uv = v_uv;\n\n  vec2 centerUV = uv - 0.5;\n  float rad = length(centerUV);\n  float mask = smoothstep(vignetteRadius + vignetteSmoothness, vignetteRadius, rad);\n  vec4 vignette = mix(u_outerColor, u_innerColor, mask);\n\n  float aspect = u_resolution.x / u_resolution.y;\n  vec2 overlayUV = uv;\n  overlayUV.x *= overlayTiling * aspect;\n  overlayUV.y *= overlayTiling;\n  overlayUV += u_time * overlayDirection * overlaySpeed;\n  vec4 overlay = texture2D(u_overlayTex, overlayUV) * overlayColor;\n  overlay.a *= overlayAlpha * mask;\n\n  vec3 vignetteHSV = rgb2hsv(vignette.rgb);\n  vec3 overlayHSV = rgb2hsv(overlay.rgb);\n  float val = mix(0.5, 1.0, overlayHSV.z);\n  vec3 luminosityBlend = hsv2rgb(vec3(vignetteHSV.x, vignetteHSV.y, val));\n  float luminosityBlendAmount = overlay.a * luminosityStrength;\n  vec4 result = vec4(mix(vignette.rgb, luminosityBlend, luminosityBlendAmount), 1.0);\n\n  vec2 glowDelta = (uv - glowCenter) / glowRadiusVec;\n  glowDelta.x *= aspect;\n  float glowDist = length(glowDelta);\n  float glowMask = 1.0 - smoothstep(1.0, 1.0 + glowSmoothness, glowDist);\n  vec4 glow = glowColor * glowMask * glowStrength;\n  result.rgb += glow.rgb * glow.a;\n\n  gl_FragColor = result;\n}\n";
+export { FRAGMENT_SHADER, VERTEX_SHADER };

package/dist/components/AnimatedBackground/AnimatedBackground.shaders.js

@@ -0,0 +1,82 @@
+const VERTEX_SHADER = `
+attribute vec2 a_position;
+varying vec2 v_uv;
+void main() {
+  v_uv = a_position * 0.5 + 0.5;
+  gl_Position = vec4(a_position, 0.0, 1.0);
+}
+`;
+const FRAGMENT_SHADER = `
+precision highp float;
+
+uniform float u_time;
+uniform vec2 u_resolution;
+uniform sampler2D u_overlayTex;
+uniform vec4 u_innerColor;
+uniform vec4 u_outerColor;
+
+varying vec2 v_uv;
+const float vignetteRadius = 0.167;
+const float vignetteSmoothness = 0.5;
+const vec4 overlayColor = vec4(1.0, 1.0, 1.0, 1.0);
+const float overlayTiling = 1.66;
+const vec2 overlayDirection = vec2(1.0, -1.25);
+const float overlaySpeed = 0.06;
+const float overlayAlpha = 0.573;
+const vec4 glowColor = vec4(0.5725, 0.0588, 0.6392, 1.0);
+const float glowStrength = 0.17;
+const vec2 glowRadiusVec = vec2(0.05, 0.13);
+const float glowSmoothness = 3.61;
+const vec2 glowCenter = vec2(0.68, 0.5);
+const float luminosityStrength = 0.541;
+
+vec3 rgb2hsv(vec3 c) {
+  vec4 K = vec4(0.0, -1.0 / 3.0, 2.0 / 3.0, -1.0);
+  vec4 p = mix(vec4(c.bg, K.wz), vec4(c.gb, K.xy), step(c.b, c.g));
+  vec4 q = mix(vec4(p.xyw, c.r), vec4(c.r, p.yzx), step(p.x, c.r));
+  float d = q.x - min(q.w, q.y);
+  float e = 1e-10;
+  return vec3(abs(q.z + (q.w - q.y) / (6.0 * d + e)), d / (q.x + e), q.x);
+}
+
+vec3 hsv2rgb(vec3 c) {
+  vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+  vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+  return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+
+void main() {
+  vec2 uv = v_uv;
+
+  vec2 centerUV = uv - 0.5;
+  float rad = length(centerUV);
+  float mask = smoothstep(vignetteRadius + vignetteSmoothness, vignetteRadius, rad);
+  vec4 vignette = mix(u_outerColor, u_innerColor, mask);
+
+  float aspect = u_resolution.x / u_resolution.y;
+  vec2 overlayUV = uv;
+  overlayUV.x *= overlayTiling * aspect;
+  overlayUV.y *= overlayTiling;
+  overlayUV += u_time * overlayDirection * overlaySpeed;
+  vec4 overlay = texture2D(u_overlayTex, overlayUV) * overlayColor;
+  overlay.a *= overlayAlpha * mask;
+
+  vec3 vignetteHSV = rgb2hsv(vignette.rgb);
+  vec3 overlayHSV = rgb2hsv(overlay.rgb);
+  float val = mix(0.5, 1.0, overlayHSV.z);
+  vec3 luminosityBlend = hsv2rgb(vec3(vignetteHSV.x, vignetteHSV.y, val));
+  float luminosityBlendAmount = overlay.a * luminosityStrength;
+  vec4 result = vec4(mix(vignette.rgb, luminosityBlend, luminosityBlendAmount), 1.0);
+
+  vec2 glowDelta = (uv - glowCenter) / glowRadiusVec;
+  glowDelta.x *= aspect;
+  float glowDist = length(glowDelta);
+  float glowMask = 1.0 - smoothstep(1.0, 1.0 + glowSmoothness, glowDist);
+  vec4 glow = glowColor * glowMask * glowStrength;
+  result.rgb += glow.rgb * glow.a;
+
+  gl_FragColor = result;
+}
+`;
+export { FRAGMENT_SHADER, VERTEX_SHADER };
+//# sourceMappingURL=AnimatedBackground.shaders.js.map

package/dist/components/AnimatedBackground/AnimatedBackground.shaders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.shaders.js","sourceRoot":"","sources":["../../../src/components/AnimatedBackground/AnimatedBackground.shaders.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAG;;;;;;;CAOrB,CAAA;AAED,MAAM,eAAe,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEvB,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/AnimatedBackground/AnimatedBackground.stories.d.ts

@@ -0,0 +1,9 @@
+import { AnimatedBackgroundProps } from './AnimatedBackground.types';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<AnimatedBackgroundProps>;
+type Story = StoryObj<typeof meta>;
+declare const Fixed: Story;
+declare const Absolute: Story;
+declare const CustomColor: Story;
+export default meta;
+export { Absolute, CustomColor, Fixed };

package/dist/components/AnimatedBackground/AnimatedBackground.stories.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { AnimatedBackground } from './AnimatedBackground';
+const meta = {
+    title: 'Decentraland UI/Animated Background',
+    component: AnimatedBackground,
+    tags: ['autodocs'],
+    parameters: {
+        docs: {
+            description: {
+                component: 'Animated WebGL background with a gradient shader and overlay texture. Falls back to a static image when WebGL is not available.'
+            }
+        }
+    },
+    decorators: [
+        Story => (_jsx(Box, { sx: { position: 'relative', width: '800px', height: '500px', overflow: 'hidden' }, children: _jsx(Story, {}) }))
+    ],
+    argTypes: {
+        variant: {
+            control: 'radio',
+            options: ['fixed', 'absolute'],
+            description: 'Positioning strategy for the background',
+            table: {
+                type: { summary: '"fixed" | "absolute"' },
+                defaultValue: { summary: 'fixed' }
+            }
+        },
+        color: {
+            control: 'color',
+            description: 'Main color for the gradient (hex). The outer color is derived as a darker shade.',
+            table: {
+                type: { summary: 'string' }
+            }
+        },
+        patternUrl: {
+            control: 'text',
+            description: 'URL for the overlay pattern texture',
+            table: {
+                type: { summary: 'string' }
+            }
+        }
+    }
+};
+const Fixed = {
+    args: {
+        variant: 'fixed'
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Fixed variant — covers the full viewport and stays in place on scroll'
+            }
+        }
+    }
+};
+const Absolute = {
+    args: {
+        variant: 'absolute'
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Absolute variant — fills its parent container. Useful for sections or cards.'
+            }
+        }
+    }
+};
+const CustomColor = {
+    args: {
+        variant: 'absolute',
+        color: '#ff4444'
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Custom color — the outer color is automatically derived as a darker shade'
+            }
+        }
+    }
+};
+// eslint-disable-next-line import/no-default-export
+export default meta;
+export { Absolute, CustomColor, Fixed };
+//# sourceMappingURL=AnimatedBackground.stories.js.map

package/dist/components/AnimatedBackground/AnimatedBackground.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.stories.js","sourceRoot":"","sources":["../../../src/components/AnimatedBackground/AnimatedBackground.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAIzD,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,kBAAkB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,iIAAiI;aACpI;SACF;KACF;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YACpF,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;YAC9B,WAAW,EAAE,yCAAyC;YACtD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,sBAAsB,EAAE;gBACzC,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACnC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,OAAO;YAChB,WAAW,EAAE,kFAAkF;YAC/F,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,qCAAqC;YAClD,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;KACF;CACwC,CAAA;AAI3C,MAAM,KAAK,GAAU;IACnB,IAAI,EAAE;QACJ,OAAO,EAAE,OAAO;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,uEAAuE;aAC/E;SACF;KACF;CACF,CAAA;AAED,MAAM,QAAQ,GAAU;IACtB,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU;KACpB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,8EAA8E;aACtF;SACF;KACF;CACF,CAAA;AAED,MAAM,WAAW,GAAU;IACzB,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,SAAS;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,2EAA2E;aACnF;SACF;KACF;CACF,CAAA;AAED,oDAAoD;AACpD,eAAe,IAAI,CAAA;AAEnB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/AnimatedBackground/AnimatedBackground.styled.d.ts

@@ -0,0 +1,20 @@
+import { AnimatedBackgroundVariant } from './AnimatedBackground.types';
+declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    variant: AnimatedBackgroundVariant;
+}, {}, {}>;
+declare const Fallback: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    variant: AnimatedBackgroundVariant;
+}, {}, {}>;
+declare const Canvas: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, {}>;
+export { Canvas, Fallback, Wrapper };

package/dist/components/AnimatedBackground/AnimatedBackground.styled.js

@@ -0,0 +1,43 @@
+import styled from '@emotion/styled';
+import { Box } from '@mui/material';
+import fallbackBackgroundUrl from '../../Assets/custom-welcome-background.webp';
+const baseVariantStyles = (variant) => variant === 'fixed'
+    ? {
+        position: 'fixed',
+        width: '100vw',
+        height: '100vh',
+        zIndex: 0
+    }
+    : {
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        zIndex: -1
+    };
+const Wrapper = styled(Box)(({ variant }) => ({
+    top: 0,
+    left: 0,
+    ...baseVariantStyles(variant)
+}));
+const Fallback = styled(Box)({
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    backgroundImage: `url(${fallbackBackgroundUrl})`,
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    backgroundRepeat: 'no-repeat',
+    zIndex: 0
+});
+const Canvas = styled('canvas')({
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    height: '100%',
+    zIndex: 1
+});
+export { Canvas, Fallback, Wrapper };
+//# sourceMappingURL=AnimatedBackground.styled.js.map

package/dist/components/AnimatedBackground/AnimatedBackground.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.styled.js","sourceRoot":"","sources":["../../../src/components/AnimatedBackground/AnimatedBackground.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAA;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,qBAAqB,MAAM,6CAA6C,CAAA;AAG/E,MAAM,iBAAiB,GAAG,CAAC,OAAkC,EAAE,EAAE,CAC/D,OAAO,KAAK,OAAO;IACjB,CAAC,CAAC;QACE,QAAQ,EAAE,OAAgB;QAC1B,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,CAAC;KACV;IACH,CAAC,CAAC;QACE,QAAQ,EAAE,UAAmB;QAC7B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC,CAAC;KACX,CAAA;AAEP,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAyC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACpF,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,GAAG,iBAAiB,CAAC,OAAO,CAAC;CAC9B,CAAC,CAAC,CAAA;AAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAyC;IACnE,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,OAAO,qBAAqB,GAAG;IAChD,cAAc,EAAE,OAAO;IACvB,kBAAkB,EAAE,QAAQ;IAC5B,gBAAgB,EAAE,WAAW;IAC7B,MAAM,EAAE,CAAC;CACV,CAAC,CAAA;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC9B,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,CAAC;CACV,CAAC,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/AnimatedBackground/AnimatedBackground.types.d.ts

@@ -0,0 +1,7 @@
+type AnimatedBackgroundVariant = 'fixed' | 'absolute';
+type AnimatedBackgroundProps = {
+    variant?: AnimatedBackgroundVariant;
+    color?: string;
+    patternUrl?: string;
+};
+export type { AnimatedBackgroundVariant, AnimatedBackgroundProps };

package/dist/components/AnimatedBackground/AnimatedBackground.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AnimatedBackground.types.js.map

package/dist/components/AnimatedBackground/AnimatedBackground.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.types.js","sourceRoot":"","sources":["../../../src/components/AnimatedBackground/AnimatedBackground.types.ts"],"names":[],"mappings":""}

package/dist/components/AnimatedBackground/AnimatedBackground.utils.d.ts

@@ -0,0 +1,6 @@
+declare function createShader(gl: WebGLRenderingContext, type: number, source: string): WebGLShader | null;
+declare function createProgram(gl: WebGLRenderingContext, vs: WebGLShader, fs: WebGLShader): WebGLProgram | null;
+declare function loadTexture(gl: WebGLRenderingContext, url: string): WebGLTexture | null;
+declare function hexToRgb(hex: string): [number, number, number];
+declare function darkenRgb(rgb: [number, number, number], factor: number): [number, number, number];
+export { createProgram, createShader, darkenRgb, hexToRgb, loadTexture };

package/dist/components/AnimatedBackground/AnimatedBackground.utils.js

@@ -0,0 +1,57 @@
+function createShader(gl, type, source) {
+    const shader = gl.createShader(type);
+    if (!shader)
+        return null;
+    gl.shaderSource(shader, source);
+    gl.compileShader(shader);
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
+        console.error('Shader compile error:', gl.getShaderInfoLog(shader));
+        gl.deleteShader(shader);
+        return null;
+    }
+    return shader;
+}
+function createProgram(gl, vs, fs) {
+    const program = gl.createProgram();
+    if (!program)
+        return null;
+    gl.attachShader(program, vs);
+    gl.attachShader(program, fs);
+    gl.linkProgram(program);
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
+        console.error('Program link error:', gl.getProgramInfoLog(program));
+        gl.deleteProgram(program);
+        return null;
+    }
+    return program;
+}
+function loadTexture(gl, url) {
+    const texture = gl.createTexture();
+    if (!texture)
+        return null;
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, new Uint8Array([128, 128, 128, 255]));
+    const image = new Image();
+    image.crossOrigin = 'anonymous';
+    image.onload = () => {
+        gl.bindTexture(gl.TEXTURE_2D, texture);
+        gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
+        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_LINEAR);
+        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
+        gl.generateMipmap(gl.TEXTURE_2D);
+    };
+    image.src = url;
+    return texture;
+}
+function hexToRgb(hex) {
+    const h = hex.replace('#', '');
+    return [parseInt(h.slice(0, 2), 16) / 255, parseInt(h.slice(2, 4), 16) / 255, parseInt(h.slice(4, 6), 16) / 255];
+}
+function darkenRgb(rgb, factor) {
+    return [rgb[0] * factor, rgb[1] * factor, rgb[2] * factor];
+}
+export { createProgram, createShader, darkenRgb, hexToRgb, loadTexture };
+//# sourceMappingURL=AnimatedBackground.utils.js.map

package/dist/components/AnimatedBackground/AnimatedBackground.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.utils.js","sourceRoot":"","sources":["../../../src/components/AnimatedBackground/AnimatedBackground.utils.ts"],"names":[],"mappings":"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"}

package/dist/components/AnimatedBackground/index.d.ts

@@ -0,0 +1,2 @@
+export { AnimatedBackground } from './AnimatedBackground';
+export type { AnimatedBackgroundProps, AnimatedBackgroundVariant } from './AnimatedBackground.types';

package/dist/components/AnimatedBackground/index.js

@@ -0,0 +1,2 @@
+export { AnimatedBackground } from './AnimatedBackground';
+//# sourceMappingURL=index.js.map

package/dist/components/AnimatedBackground/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AnimatedBackground/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export * from './components/MobileStoreBadges';
 export * from './components/Navbar';
 export * from './components/Notifications';
 export * from './components/UserMenu';
+export * from './components/AnimatedBackground';
 export * from './components/Banner';
 export * from './components/WearablePreview';
 export * from './components/Profile';

package/dist/index.js

@@ -37,6 +37,7 @@ export * from './components/MobileStoreBadges';
 export * from './components/Navbar';
 export * from './components/Notifications';
 export * from './components/UserMenu';
+export * from './components/AnimatedBackground';
 export * from './components/Banner';
 export * from './components/WearablePreview';
 export * from './components/Profile';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAA;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAA;AAE/C,wEAAwE;AACxE,OAAO,iBAAiB,CAAA;AAExB,gBAAgB;AAChB,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,IAAI,IAAI,SAAS,EAAE,aAAa,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAGnG,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAE3C,qFAAqF;AACrF,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EACZ,MAAM,EACN,WAAW,EACX,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,sBAAsB,EACtB,GAAG,EACH,WAAW,EACX,MAAM,EACN,UAAU,EACV,WAAW,EACX,IAAI,EACJ,cAAc,EACd,WAAW,EACX,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,aAAa,EACb,MAAM,EACN,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,OAAO,EACP,MAAM,EACN,GAAG,EACH,IAAI,EACJ,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,SAAS,EACT,oBAAoB,EACpB,sBAAsB,EACtB,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,cAAc,EACd,SAAS,EACT,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,YAAY,EACZ,uBAAuB,EACvB,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,KAAK,EACL,YAAY,EACZ,KAAK,EACL,aAAa,EACb,UAAU,EACV,cAAc,EACd,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAU,EACV,MAAM,EACN,iBAAiB,EACjB,MAAM,EACN,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,eAAe,EACf,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,EACL,IAAI,EACJ,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,eAAe,EACf,MAAM,EACN,GAAG,EACH,KAAK,EACL,SAAS,EACT,SAAS,EACT,cAAc,EACd,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,iBAAiB,EACjB,OAAO,EACP,OAAO,EACP,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,QAAQ,IAAI,WAAW,EACvB,IAAI,EACL,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAA;AAC9D,wEAAwE;AACxE,0FAA0F;AAC1F,yDAAyD;AACzD,cAAc;AACd,gDAAgD;AAChD,cAAc,sBAAsB,CAAA;AACpC,OAAO,KAAK,eAAe,MAAM,iCAAiC,CAAA;AAClE,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAC9C,cAAc,kCAAkC,CAAA;AAChD,cAAc,wCAAwC,CAAA;AACtD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AACnC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAA;AAE9C,OAAO,KAAK,eAAe,MAAM,eAAe,CAAA;AAEhD,cAAc,kBAAkB,CAAA;AAChC,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decentraland-ui2",
-  "version": "1.3.10",
+  "version": "1.3.11-23254548394.commit-0815e57",
   "description": "Decentraland's UI components and styles",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -38,7 +38,7 @@
   },
   "peerDependencies": {
     "@contentful/rich-text-react-renderer": "^16.0.0",
-    "@dcl/hooks": "^1.0.0",
+    "@dcl/hooks": "^1.2.1",
     "@dcl/schemas": "^25.1.0",
     "@dcl/ui-env": "^2.0.0",
     "lottie-react": "^2.4.0",
@@ -117,5 +117,5 @@
     "url": "https://github.com/decentraland/ui2/issues"
   },
   "homepage": "https://github.com/decentraland/ui2#readme",
-  "commit": "18dff8164c999ad2d24710a52a1117aab9761eb1"
+  "commit": "0815e57aacd40b361beeedc3a72b4ce36b2eac1b"
 }