@app-studio/components 0.10.17

package/dist/native/components/Background/Background/Background.style.js

@@ -0,0 +1,125 @@
+// Defines default styling for a basic background component, providing a standard layout for both the background container and its overlaid content.
+export const DefaultBackgroundStyles = {
+    // Styles for the main container that wraps the background content, ensuring it's relatively positioned and centers its children.
+    container: {
+        position: 'relative',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    // Styles for the content layer that appears above the background, ensuring it maintains a relative position and is visible.
+    content: {
+        position: 'relative',
+        zIndex: 1,
+    },
+};
+// Defines styles for a background component designed to display an Aurora-like gradient effect, covering the full viewport height.
+export const AuroraStyles = {
+    // Styles for the main container that holds the Aurora gradient, ensuring it takes full viewport height and centers its children.
+    container: {
+        position: 'relative',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100vh',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    // Styles for the gradient element itself, creating the visual effect of an Aurora with blurred edges and dynamic sizing.
+    gradient: {
+        position: 'absolute',
+        inset: '-10px',
+        opacity: 0.5,
+        pointerEvents: 'none',
+        filter: 'blur(10px)',
+        backgroundSize: '300% 200%',
+        backgroundPosition: '50% 50%, 50% 50%',
+    },
+};
+// Defines styles for a background component that uses an image, providing styling for the container, the image itself, and overlaid content.
+export const BackgroundImageStyles = {
+    // Styles for the main container of the background image, ensuring it is relatively positioned, centers content, and handles overflow.
+    container: {
+        position: 'relative',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden',
+    },
+    // Styles for the background image element, ensuring it covers the full container, is centered, and doesn't repeat.
+    image: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        backgroundRepeat: 'no-repeat',
+        backgroundAttachment: 'scroll',
+    },
+    // Styles for the content layer that appears over the background image, ensuring it fills the space and is visible.
+    content: {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+        zIndex: 2,
+    },
+};
+// Defines styles for a background component that uses a video, including styling for the container, the video element, and content.
+export const BackgroundVideoStyles = {
+    // Styles for the main container of the background video, ensuring it is relatively positioned, centers content, and hides overflow.
+    container: {
+        position: 'relative',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        overflow: 'hidden',
+    },
+    // Styles for the background video element, ensuring it covers the full container while maintaining its aspect ratio.
+    video: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+    },
+    // Styles for the content layer that appears over the background video, ensuring it has a higher z-index to be visible.
+    content: {
+        position: 'relative',
+        zIndex: 2,
+    },
+};
+// Defines styles for a background component that creates a 'meteors shower' visual effect, including styles for the container and individual meteor elements.
+export const MeteorsStyles = {
+    // Styles for the main container that hosts the meteor elements, providing a relative positioning context for the falling meteors.
+    container: {
+        position: 'relative',
+    },
+    // Styles for an individual meteor particle, defining its initial shape, color, shadow, and rotational transform.
+    meteor: {
+        position: 'absolute',
+        top: '0px',
+        width: '2px',
+        height: '2px',
+        borderRadius: '9999px',
+        backgroundColor: 'white',
+        boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.1)',
+        transform: 'rotate(215deg)',
+    },
+    // Styles for the tail trailing behind an individual meteor particle, giving it a subtle glow and extending its visual effect.
+    meteorTail: {
+        position: 'absolute',
+        top: '-1px',
+        left: '-1px',
+        width: '1px',
+        height: '1px',
+        borderRadius: '9999px',
+        backgroundColor: 'white',
+        boxShadow: '0 10px 0 1px rgba(255, 255, 255, 0.1)',
+    },
+};
+//# sourceMappingURL=Background.style.js.map

package/dist/native/components/Background/Background/Background.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.style.js","sourceRoot":"","sources":["../../../../../src/components/Background/Background/Background.style.ts"],"names":[],"mappings":"AACA,oJAAoJ;AACpJ,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,iIAAiI;IACjI,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACZ;IACd,4HAA4H;IAC5H,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACG;CACf,CAAC;AACF,mIAAmI;AACnI,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,iIAAiI;IACjI,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,OAAO;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACZ;IACd,yHAAyH;IACzH,QAAQ,EAAE;QACR,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,GAAG;QACZ,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,YAAY;QACpB,cAAc,EAAE,WAAW;QAC3B,kBAAkB,EAAE,kBAAkB;KAC1B;CACf,CAAC;AACF,6IAA6I;AAC7I,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,sIAAsI;IACtI,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,QAAQ;KACN;IACd,mHAAmH;IACnH,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,cAAc,EAAE,OAAO;QACvB,kBAAkB,EAAE,QAAQ;QAC5B,gBAAgB,EAAE,WAAW;QAC7B,oBAAoB,EAAE,QAAQ;KAClB;IACd,mHAAmH;IACnH,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;KACG;CACf,CAAC;AACF,oIAAoI;AACpI,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,oIAAoI;IACpI,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,QAAQ;KACN;IACd,qHAAqH;IACrH,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,OAAO;KACN;IACd,uHAAuH;IACvH,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACG;CACf,CAAC;AACF,8JAA8J;AAC9J,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,kIAAkI;IAClI,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;KACR;IACd,iHAAiH;IACjH,MAAM,EAAE;QACN,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,QAAQ;QACtB,eAAe,EAAE,OAAO;QACxB,SAAS,EAAE,oCAAoC;QAC/C,SAAS,EAAE,gBAAgB;KACf;IACd,8HAA8H;IAC9H,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,MAAM;QACX,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,YAAY,EAAE,QAAQ;QACtB,eAAe,EAAE,OAAO;QACxB,SAAS,EAAE,uCAAuC;KACtC;CACf,CAAC"}

package/dist/native/components/Background/Background/Background.type.d.ts

@@ -0,0 +1,28 @@
+import { ViewProps } from 'app-studio';
+export type BackgroundEffect = 'aurora' | 'meteors' | 'particles' | 'grid' | 'ripples' | 'wall' | 'image' | 'video' | 'gradient' | 'borderMoving' | 'animatedStroke';
+export type AuroraDirection = 'horizontal' | 'vertical' | 'diagonal';
+export type MeteorTiming = {
+    delay: string;
+    duration: string;
+    target: string;
+};
+export type BorderAnimationStyles = {
+    container?: ViewProps;
+    svg?: ViewProps;
+    button?: ViewProps;
+};
+export type StrokeAnimationStyles = {
+    container?: ViewProps;
+    svg?: ViewProps;
+    rect?: ViewProps;
+    text?: ViewProps;
+};
+export type BackgroundSize = 'auto' | 'cover' | 'contain' | string;
+export type BackgroundPosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | string;
+export type BackgroundRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'space' | 'round';
+export type BlendMode = 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion';
+export interface BackgroundContextType {
+    effect?: BackgroundEffect;
+    isAnimated?: boolean;
+    duration?: number;
+}

package/dist/native/components/Background/Background/Background.type.js

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

package/dist/native/components/Background/Background/Background.type.js.map

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

package/dist/native/components/Background/Background/Background.view.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps, BackgroundOverlayProps, BackgroundLayoutProps } from './Background.props';
+interface BackgroundViewComponent extends React.FC<BackgroundProps> {
+    Aurora: React.FC<AuroraBackgroundProps>;
+    Meteors: React.FC<MeteorsProps>;
+    Wall: React.FC<WallProps>;
+    Particles: React.FC<ParticlesProps>;
+    Grid: React.FC<GridProps>;
+    Ripples: React.FC<RipplesProps>;
+    Image: React.FC<BackgroundImageProps>;
+    Video: React.FC<BackgroundVideoProps>;
+    Gradient: React.FC<BackgroundGradientProps>;
+    Overlay: React.FC<BackgroundOverlayProps>;
+    Layout: React.FC<BackgroundLayoutProps>;
+}
+export declare const BackgroundLayout: React.ForwardRefExoticComponent<BackgroundLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare const BackgroundView: BackgroundViewComponent;
+export {};

package/dist/native/components/Background/Background/Background.view.js

@@ -0,0 +1,365 @@
+import React, { createContext } from 'react';
+import { View, Horizontal } from 'app-studio';
+import { DefaultBackgroundStyles, AuroraStyles, BackgroundImageStyles, BackgroundVideoStyles, } from './Background.style';
+import { Gradient } from '../../Gradient/Gradient';
+// Initializes a React Context to share background-related data across components, though it's currently used with an empty object.
+const BackgroundContext = createContext({});
+// Defines the `AuroraBackground` functional component, which renders a dynamically animated aurora-like background effect.
+const AuroraBackground = ({ children, showRadialGradient = true, views, themeMode: elementMode, ...props }) => {
+    // Defines a set of color variables for creating the radial and linear gradients within the aurora effect.
+    const gradientColors = {
+        white: 'rgba(255,255,255,1)',
+        transparent: 'rgba(255,255,255,0)',
+    };
+    // An array of colors used to generate the repeating linear gradient, creating the vibrant aurora bands.
+    const auroraColors = [
+        'rgb(59, 130, 246)',
+        'rgb(196, 181, 253)',
+        'rgb(147, 197, 253)',
+        'rgb(221, 214, 254)',
+        'rgb(96, 165, 250)',
+    ];
+    // Calculates the CSS properties for the aurora gradient, combining repeating linear gradients and an optional radial mask.
+    const gradientStyle = {
+        ...AuroraStyles.gradient,
+        backgroundImage: `
+      repeating-linear-gradient(100deg, ${auroraColors.join(', ')}),
+      repeating-linear-gradient(100deg, ${gradientColors.white} 0%, ${gradientColors.white} 7%, ${gradientColors.transparent} 10%, ${gradientColors.transparent} 12%, ${gradientColors.white} 16%)
+    `,
+        animation: 'aurora 4s ease infinite',
+        ...(showRadialGradient
+            ? {
+                maskImage: 'radial-gradient(ellipse at 100% 0%, black 10%, transparent 70%)',
+            }
+            : {}),
+    };
+    return (<View {...AuroraStyles.container} {...views?.container} {...props}>
+      <View style={gradientStyle}/>
+      {children}
+      <style>
+        {`
+          @keyframes aurora {
+            0% { background-position: 0% 50%; }
+            50% { background-position: 100% 50%; }
+            100% { background-position: 0% 50%; }
+          }
+        `}
+      </style>
+    </View>);
+};
+const Meteors = ({ number = 20, children, ...props }) => {
+    const meteors = Array.from({ length: number }, (_, i) => i);
+    return (<View width="100%" height="100%" backgroundColor="black" position="relative" overflow="hidden" {...props}>
+      {meteors.map((idx) => {
+            const leftValue = ((idx * 37) % 200) - 100 + 'px';
+            const delaySec = 0.2 + ((idx * 13) % 6) * 0.1 + 's';
+            const durSec = (1 + ((idx * 7) % 9)) / 2 + 's';
+            const target = 300 + ((idx * 17) % 100) + 'px';
+            return (<View key={idx} position="absolute" top="0px" left={leftValue} width="2px" height="2px" borderRadius="9999px" backgroundColor="white" boxShadow="0 0 0 1px rgba(255, 255, 255, 0.1)" transform="rotate(215deg)" zIndex={0} animate={{
+                    from: { transform: 'translateX(-100%) translateY(-100%)' },
+                    to: { transform: `translateX(${target}) translateY(${target})` },
+                    iterationCount: 'infinite',
+                    timingFunction: 'linear',
+                    fillMode: 'forwards',
+                    duration: durSec,
+                    delay: delaySec,
+                }}>
+            <View position="absolute" top="-1px" left="-1px" width="1px" height="1px" borderRadius="9999px" backgroundColor="white" boxShadow="0 10px 0 1px rgba(255, 255, 255, 0.1)"/>
+          </View>);
+        })}
+      {children && (<View position="relative" zIndex={1} width="100%" height="100%">
+          {children}
+        </View>)}
+    </View>);
+};
+const colors = [
+    'rgb(186, 230, 253)',
+    'rgb(249, 168, 212)',
+    'rgb(134, 239, 172)',
+    'rgb(253, 224, 71)',
+    'rgb(252, 165, 165)',
+    'rgb(216, 180, 254)',
+    'rgb(147, 197, 253)',
+    'rgb(165, 180, 252)',
+    'rgb(196, 181, 253)',
+];
+const getRandomColor = () => colors[Math.floor(Math.random() * colors.length)];
+const Wall = ({ rows = 15, cols = 10, squareSize = 40, ...props }) => {
+    const rowsArray = Array(rows).fill(1);
+    const colsArray = Array(cols).fill(1);
+    return (<View padding={16} width={400} height={300} position="relative" overflow="hidden" backgroundColor="color-gray-50" zIndex={0} transform="skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)" {...props}>
+      {rowsArray.map((_, i) => (<Horizontal key={`row-${i}`} gap={0}>
+          {colsArray.map((_, j) => (<View key={`col-${j}`} height={squareSize / 3} width={squareSize} borderStyle="solid" borderColor="color-gray-200" borderWidth={0.5} backgroundColor="transparent" cursor="pointer" on={{
+                    hover: {
+                        backgroundColor: getRandomColor(),
+                        transition: 'background-color 0.2s ease',
+                    },
+                }}/>))}
+        </Horizontal>))}
+    </View>);
+};
+const defaultParticleColors = [
+    'rgb(59, 130, 246)',
+    'rgb(147, 51, 234)',
+    'rgb(236, 72, 153)',
+    'rgb(34, 197, 94)',
+    'rgb(251, 146, 60)',
+    'rgb(168, 85, 247)',
+];
+const Particles = ({ count = 50, colors = defaultParticleColors, speed = 'medium', shapes = ['circle'], ...props }) => {
+    const particles = Array.from({ length: count }, (_, i) => i);
+    const getSpeedMultiplier = () => {
+        switch (speed) {
+            case 'slow':
+                return 0.5;
+            case 'fast':
+                return 2;
+            default:
+                return 1;
+        }
+    };
+    const getRandomShape = () => shapes[Math.floor(Math.random() * shapes.length)];
+    const getRandomColor = () => colors[Math.floor(Math.random() * colors.length)];
+    return (<View width={400} height={300} position="relative" overflow="hidden" backgroundColor="color-gray-900" {...props}>
+      {particles.map((idx) => {
+            const size = Math.random() * 8 + 4;
+            const startX = Math.random() * 400;
+            const startY = Math.random() * 300;
+            const endX = Math.random() * 400;
+            const endY = Math.random() * 300;
+            const duration = (Math.random() * 10 + 5) / getSpeedMultiplier();
+            const delay = Math.random() * 5;
+            const shape = getRandomShape();
+            const color = getRandomColor();
+            const shapeStyles = {
+                circle: { borderRadius: '50%' },
+                square: { borderRadius: '2px' },
+                triangle: {
+                    borderRadius: '0',
+                    clipPath: 'polygon(50% 0%, 0% 100%, 100% 100%)',
+                },
+            };
+            return (<View key={idx} position="absolute" width={size} height={size} backgroundColor={color} opacity={0.7} style={{
+                    left: startX,
+                    top: startY,
+                    ...shapeStyles[shape],
+                }} animate={{
+                    from: {
+                        transform: `translate(0px, 0px) scale(0.5)`,
+                        opacity: 0,
+                    },
+                    to: {
+                        transform: `translate(${endX - startX}px, ${endY - startY}px) scale(1)`,
+                        opacity: 0.7,
+                    },
+                    iterationCount: 'infinite',
+                    direction: 'alternate',
+                    timingFunction: 'ease-in-out',
+                    duration: `${duration}s`,
+                    delay: `${delay}s`,
+                }}/>);
+        })}
+    </View>);
+};
+const Grid = ({ gridSize = 30, lineColor = 'rgba(59, 130, 246, 0.3)', pulseColor = 'rgba(59, 130, 246, 0.8)', animationSpeed = 'medium', ...props }) => {
+    const getSpeedValue = () => {
+        switch (animationSpeed) {
+            case 'slow':
+                return 4;
+            case 'fast':
+                return 1;
+            default:
+                return 2;
+        }
+    };
+    const cols = Math.floor(400 / gridSize);
+    const rows = Math.floor(300 / gridSize);
+    const totalCells = cols * rows;
+    const cells = Array.from({ length: totalCells }, (_, i) => i);
+    return (<View width={400} height={300} position="relative" overflow="hidden" backgroundColor="color-gray-900" {...props}>
+      
+      {Array.from({ length: cols + 1 }, (_, i) => (<View key={`v-line-${i}`} position="absolute" left={i * gridSize} top={0} width={1} height="100%" backgroundColor={lineColor}/>))}
+      
+      {Array.from({ length: rows + 1 }, (_, i) => (<View key={`h-line-${i}`} position="absolute" left={0} top={i * gridSize} width="100%" height={1} backgroundColor={lineColor}/>))}
+      
+      {cells.map((cellIndex) => {
+            const col = cellIndex % cols;
+            const row = Math.floor(cellIndex / cols);
+            const delay = (col + row) * 0.1;
+            return (<View key={cellIndex} position="absolute" left={col * gridSize + 1} top={row * gridSize + 1} width={gridSize - 2} height={gridSize - 2} backgroundColor="transparent" animate={{
+                    from: { backgroundColor: 'transparent' },
+                    to: { backgroundColor: pulseColor },
+                    iterationCount: 'infinite',
+                    direction: 'alternate',
+                    timingFunction: 'ease-in-out',
+                    duration: `${getSpeedValue()}s`,
+                    delay: `${delay}s`,
+                }}/>);
+        })}
+    </View>);
+};
+const defaultRippleColors = [
+    'rgba(59, 130, 246, 0.6)',
+    'rgba(147, 51, 234, 0.6)',
+    'rgba(236, 72, 153, 0.6)',
+    'rgba(34, 197, 94, 0.6)',
+];
+const Ripples = ({ rippleCount = 5, colors = defaultRippleColors, maxSize = 200, frequency = 3, ...props }) => {
+    const ripples = Array.from({ length: rippleCount }, (_, i) => ({
+        id: i,
+        x: Math.random() * 400,
+        y: Math.random() * 300,
+        color: colors[i % colors.length],
+        delay: i * (frequency / rippleCount),
+        duration: 3 + Math.random() * 2,
+    }));
+    return (<View width={400} height={300} position="relative" overflow="hidden" backgroundColor="color-gray-100" {...props}>
+      {ripples.map((ripple) => (<View key={ripple.id} position="absolute" width={20} height={20} borderRadius="50%" style={{
+                left: ripple.x - 10,
+                top: ripple.y - 10,
+                border: `2px solid ${ripple.color}`,
+                backgroundColor: 'transparent',
+            }} animate={{
+                from: {
+                    transform: 'scale(0)',
+                    opacity: 1,
+                },
+                to: {
+                    transform: `scale(${maxSize / 20})`,
+                    opacity: 0,
+                },
+                iterationCount: 'infinite',
+                timingFunction: 'ease-out',
+                duration: `${ripple.duration}s`,
+                delay: `${ripple.delay}s`,
+            }}/>))}
+      
+      {ripples.map((ripple) => (<View key={`secondary-${ripple.id}`} position="absolute" width={10} height={10} borderRadius="50%" style={{
+                left: ripple.x - 5,
+                top: ripple.y - 5,
+                backgroundColor: ripple.color,
+            }} animate={{
+                from: {
+                    transform: 'scale(1)',
+                    opacity: 0.8,
+                },
+                to: {
+                    transform: `scale(${maxSize / 40})`,
+                    opacity: 0,
+                },
+                iterationCount: 'infinite',
+                timingFunction: 'ease-out',
+                duration: `${ripple.duration * 1.2}s`,
+                delay: `${ripple.delay + 0.5}s`,
+            }}/>))}
+    </View>);
+};
+const BackgroundImage = ({ children, src, backgroundSize = 'cover', backgroundPosition = 'center', backgroundRepeat = 'no-repeat', backgroundAttachment = 'scroll', imageOpacity = 1, overlay = null, blendMode = 'normal', views, themeMode: elementMode, ...props }) => {
+    const imageStyle = {
+        ...BackgroundImageStyles.image,
+        backgroundImage: `url(${src})`,
+        backgroundSize,
+        backgroundPosition,
+        backgroundRepeat,
+        backgroundAttachment,
+        opacity: imageOpacity,
+    };
+    return (<View {...BackgroundImageStyles.container} {...views?.container} {...props}>
+      <View style={imageStyle} {...views?.image}/>
+      {overlay}
+      {children && (<View {...BackgroundImageStyles.content} {...views?.content}>
+          {children}
+        </View>)}
+    </View>);
+};
+const BackgroundVideo = ({ children, src, autoPlay = true, loop = true, muted = true, playsInline = true, overlay = null, blendMode = 'normal', views, themeMode: elementMode, ...props }) => {
+    return (<View {...BackgroundVideoStyles.container} {...views?.container} {...props}>
+      <View as="video" src={src} autoPlay={autoPlay} loop={loop} muted={muted} playsInline={playsInline} style={BackgroundVideoStyles.video} {...views?.video}/>
+      {overlay}
+      {children && (<View {...BackgroundVideoStyles.content} {...views?.content}>
+          {children}
+        </View>)}
+    </View>);
+};
+const BackgroundGradient = ({ children, ...gradientProps }) => {
+    return <Gradient {...gradientProps}>{children}</Gradient>;
+};
+const BackgroundOverlay = ({ contentPosition, backgroundColor = 'color-black-900', ...props }) => {
+    const getDefaultOverlay = () => {
+        let ligthBackground = `${backgroundColor}-100`;
+        let darkBackground = `${backgroundColor}-900`;
+        let midBackground = `${backgroundColor}-600`;
+        let midDarkBackground = `${backgroundColor}-400`;
+        if (backgroundColor.indexOf('-') === -1) {
+            ligthBackground = `color-mix(in srgb, ${backgroundColor} 10%, transparent)`;
+            darkBackground = `color-mix(in srgb, ${backgroundColor} 90%, transparent)`;
+            midBackground = `color-mix(in srgb, ${backgroundColor} 70%, transparent)`;
+            midDarkBackground = `color-mix(in srgb, ${backgroundColor} 50%, transparent)`;
+        }
+        switch (contentPosition) {
+            case 'left':
+                return `radial-gradient(circle at 70% 50%, ${ligthBackground} 0%, ${ligthBackground} 100%), linear-gradient(to right, ${darkBackground} 0%, ${midBackground} 65%, ${ligthBackground} 100%)`;
+            case 'right':
+                return `radial-gradient(circle at 30% 50%, ${ligthBackground} 0%, ${ligthBackground} 100%), linear-gradient(to left, ${darkBackground} 0%, ${midBackground} 65%, ${ligthBackground} 100%)`;
+            case 'top':
+                return `radial-gradient(circle at 50% 40%, ${ligthBackground} 0%, ${ligthBackground} 100%), linear-gradient(to bottom, ${darkBackground} 0%, ${midBackground} 60%, ${ligthBackground} 100%)`;
+            case 'bottom':
+                return `radial-gradient(circle at 50% 60%, ${ligthBackground} 0%, ${ligthBackground} 100%), linear-gradient(to top, ${darkBackground} 0%, ${midBackground} 60%, ${ligthBackground} 100%)`;
+            case 'center':
+                return `radial-gradient(circle at 50% 70%, ${darkBackground} 0%, ${ligthBackground} 100%)`;
+            default:
+                return midDarkBackground;
+        }
+    };
+    const background = getDefaultOverlay();
+    return (<View position="absolute" top={0} left={0} width="100%" height="100%" background={background} pointerEvents="none" zIndex={1} {...props}/>);
+};
+const BackgroundViewBase = ({ children, views, ...props }) => {
+    return (<BackgroundContext.Provider value={{}}>
+      <View {...DefaultBackgroundStyles.container} {...views?.container} {...props}>
+        {children}
+      </View>
+    </BackgroundContext.Provider>);
+};
+export const BackgroundLayout = React.forwardRef(({ children, designProps, shape = 'rounded', decorationRotation = 5, decorationScale = 1, decorationOpacity = 0.8, views, ...props }, ref) => {
+    const getBorderRadius = (shape) => {
+        switch (shape) {
+            case 'square':
+                return '0px';
+            case 'pill':
+                return '9999px';
+            case 'rounded':
+            default:
+                return '16px';
+        }
+    };
+    const radius = getBorderRadius(shape);
+    const rotationRad = Math.abs(decorationRotation) * (Math.PI / 180);
+    const rotationOffset = Math.sin(rotationRad) * 100;
+    const scaleOffset = ((decorationScale - 1) * 100) / 2;
+    const extraPadding = Math.ceil(rotationOffset + scaleOffset);
+    const backgroundColor = props.backgroundColor ?? 'theme-primary';
+    return (<View {...props} ref={ref} backgroundColor={'transparent'} position="relative" overflow="visible" {...views?.container}>
+        <View padding={props.padding ?? `${96 + extraPadding}px ${extraPadding}px`} position="relative" overflow="visible">
+          <View position="absolute" top={extraPadding} left={extraPadding} right={extraPadding} bottom={extraPadding} backgroundColor={backgroundColor} borderRadius={radius} opacity={decorationOpacity / 1.5} transform={`scale(${decorationScale})`} pointerEvents="none" zIndex={1} {...views?.back}/>
+          <View position="absolute" top={extraPadding} left={extraPadding} right={extraPadding} bottom={extraPadding} transform={`rotate(${decorationRotation}deg) scale(${decorationScale})`} opacity={decorationOpacity / 1.2} backgroundColor={backgroundColor} borderRadius={radius} pointerEvents="none" zIndex={2} {...views?.front}/>
+          <View margin="0 auto" position="relative" zIndex={3} {...views?.content}>
+            {children}
+          </View>
+        </View>
+      </View>);
+});
+BackgroundLayout.displayName = 'Background.Layout';
+export const BackgroundView = BackgroundViewBase;
+BackgroundView.Aurora = AuroraBackground;
+BackgroundView.Meteors = Meteors;
+BackgroundView.Wall = Wall;
+BackgroundView.Particles = Particles;
+BackgroundView.Grid = Grid;
+BackgroundView.Ripples = Ripples;
+BackgroundView.Image = BackgroundImage;
+BackgroundView.Video = BackgroundVideo;
+BackgroundView.Gradient = BackgroundGradient;
+BackgroundView.Overlay = BackgroundOverlay;
+BackgroundView.Layout = BackgroundLayout;
+//# sourceMappingURL=Background.view.js.map

package/dist/native/components/Background/Background/Background.view.js.map

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

package/dist/native/components/Background/Background/Background.view.native.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BackgroundProps, AuroraBackgroundProps, MeteorsProps, WallProps, ParticlesProps, GridProps, RipplesProps, BackgroundImageProps, BackgroundVideoProps, BackgroundGradientProps, BackgroundOverlayProps, BackgroundLayoutProps } from './Background.props';
+interface BackgroundViewComponent extends React.FC<BackgroundProps> {
+    Aurora: React.FC<AuroraBackgroundProps>;
+    Meteors: React.FC<MeteorsProps>;
+    Wall: React.FC<WallProps>;
+    Particles: React.FC<ParticlesProps>;
+    Grid: React.FC<GridProps>;
+    Ripples: React.FC<RipplesProps>;
+    Image: React.FC<BackgroundImageProps>;
+    Video: React.FC<BackgroundVideoProps>;
+    Gradient: React.FC<BackgroundGradientProps>;
+    Overlay: React.FC<BackgroundOverlayProps>;
+    Layout: React.FC<BackgroundLayoutProps>;
+}
+export declare const BackgroundLayout: React.ForwardRefExoticComponent<BackgroundLayoutProps & React.RefAttributes<any>>;
+export declare const BackgroundView: BackgroundViewComponent;
+export {};