@vasf/ragnar-web 1.0.1

package/dist/components/header-navigation.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+export interface NavItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+    children?: NavItem[];
+    active?: boolean;
+}
+export interface HeaderNavigationProps extends React.HTMLAttributes<HTMLElement> {
+    logo?: React.ReactNode;
+    items?: NavItem[];
+    actions?: React.ReactNode;
+    sticky?: boolean;
+    transparent?: boolean;
+    mobileBreakpoint?: "sm" | "md" | "lg";
+}
+declare const HeaderNavigation: React.ForwardRefExoticComponent<HeaderNavigationProps & React.RefAttributes<HTMLElement>>;
+export { HeaderNavigation };

package/dist/components/hero.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const heroVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | "full" | null | undefined;
+    align?: "left" | "center" | "right" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface HeroProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof heroVariants> {
+    backgroundImage?: string;
+    backgroundOverlay?: boolean;
+    overlayOpacity?: number;
+}
+declare const Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLDivElement>>;
+declare const HeroBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const HeroTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const HeroSubtitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const HeroActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const HeroImage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Hero, HeroBadge, HeroTitle, HeroSubtitle, HeroActions, HeroImage, };

package/dist/components/logo-cloud.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const logoCloudVariants: (props?: ({
+    variant?: "default" | "muted" | "bordered" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface LogoCloudProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof logoCloudVariants> {
+    title?: string;
+}
+declare const LogoCloud: React.ForwardRefExoticComponent<LogoCloudProps & React.RefAttributes<HTMLDivElement>>;
+declare const logoItemVariants: (props?: ({
+    grayscale?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface LogoCloudItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof logoItemVariants> {
+    href?: string;
+    name: string;
+}
+declare const LogoCloudItem: React.ForwardRefExoticComponent<LogoCloudItemProps & React.RefAttributes<HTMLDivElement>>;
+export { LogoCloud, LogoCloudItem };

package/dist/components/map-embed.d.ts

@@ -0,0 +1,109 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const mapContainerVariants: (props?: ({
+    rounded?: "sm" | "lg" | "none" | "xl" | "md" | "2xl" | null | undefined;
+    aspectRatio?: "auto" | "square" | "video" | "4/3" | "3/2" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface GoogleMapEmbedProps extends React.IframeHTMLAttributes<HTMLIFrameElement>, VariantProps<typeof mapContainerVariants> {
+    /**
+     * Google Maps embed API key
+     */
+    apiKey?: string;
+    /**
+     * Place query (address or place name)
+     */
+    query: string;
+    /**
+     * Zoom level (1-21)
+     * @default 15
+     */
+    zoom?: number;
+    /**
+     * Map type
+     * @default "roadmap"
+     */
+    mapType?: "roadmap" | "satellite";
+    /**
+     * Container className
+     */
+    containerClassName?: string;
+}
+declare const GoogleMapEmbed: React.ForwardRefExoticComponent<GoogleMapEmbedProps & React.RefAttributes<HTMLIFrameElement>>;
+export interface OpenStreetMapEmbedProps extends React.IframeHTMLAttributes<HTMLIFrameElement>, VariantProps<typeof mapContainerVariants> {
+    /**
+     * Latitude
+     */
+    lat: number;
+    /**
+     * Longitude
+     */
+    lng: number;
+    /**
+     * Zoom level (1-19)
+     * @default 15
+     */
+    zoom?: number;
+    /**
+     * Marker label
+     */
+    marker?: string;
+    /**
+     * Container className
+     */
+    containerClassName?: string;
+}
+declare const OpenStreetMapEmbed: React.ForwardRefExoticComponent<OpenStreetMapEmbedProps & React.RefAttributes<HTMLIFrameElement>>;
+export interface StaticMapProps extends React.ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof mapContainerVariants> {
+    /**
+     * Latitude
+     */
+    lat: number;
+    /**
+     * Longitude
+     */
+    lng: number;
+    /**
+     * Zoom level
+     * @default 15
+     */
+    zoom?: number;
+    /**
+     * Map width in pixels
+     * @default 600
+     */
+    width?: number;
+    /**
+     * Map height in pixels
+     * @default 400
+     */
+    height?: number;
+    /**
+     * Container className
+     */
+    containerClassName?: string;
+}
+declare const StaticMap: React.ForwardRefExoticComponent<StaticMapProps & React.RefAttributes<HTMLImageElement>>;
+export interface MapWithInfoProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Address or location name
+     */
+    address: string;
+    /**
+     * Phone number
+     */
+    phone?: string;
+    /**
+     * Email
+     */
+    email?: string;
+    /**
+     * Hours of operation
+     */
+    hours?: string;
+    /**
+     * Direction link
+     */
+    directionsUrl?: string;
+}
+declare const MapWithInfo: React.ForwardRefExoticComponent<MapWithInfoProps & React.RefAttributes<HTMLDivElement>>;
+export { GoogleMapEmbed, OpenStreetMapEmbed, StaticMap, MapWithInfo, };

package/dist/components/marquee.d.ts

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const marqueeVariants: (props?: ({
+    variant?: "default" | "fade" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof marqueeVariants> {
+    /**
+     * Duration of one complete loop in seconds
+     * @default 40
+     */
+    duration?: number;
+    /**
+     * Direction of the marquee
+     * @default "left"
+     */
+    direction?: "left" | "right";
+    /**
+     * Whether to pause on hover
+     * @default true
+     */
+    pauseOnHover?: boolean;
+    /**
+     * Gap between items
+     * @default 16
+     */
+    gap?: number;
+}
+declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
+declare const MarqueeItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const verticalMarqueeVariants: (props?: ({
+    variant?: "default" | "fade" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface VerticalMarqueeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof verticalMarqueeVariants> {
+    duration?: number;
+    direction?: "up" | "down";
+    pauseOnHover?: boolean;
+    gap?: number;
+}
+declare const VerticalMarquee: React.ForwardRefExoticComponent<VerticalMarqueeProps & React.RefAttributes<HTMLDivElement>>;
+declare const MarqueeTestimonial: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const MarqueeTestimonialContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const MarqueeTestimonialAuthor: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const MarqueeTestimonialAvatar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const MarqueeTestimonialInfo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const MarqueeTestimonialName: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const MarqueeTestimonialRole: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Marquee, MarqueeItem, VerticalMarquee, MarqueeTestimonial, MarqueeTestimonialContent, MarqueeTestimonialAuthor, MarqueeTestimonialAvatar, MarqueeTestimonialInfo, MarqueeTestimonialName, MarqueeTestimonialRole, };

package/dist/components/newsletter.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const newsletterVariants: (props?: ({
+    variant?: "default" | "dark" | "muted" | "primary" | "gradient" | "card" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface NewsletterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof newsletterVariants> {
+}
+declare const Newsletter: React.ForwardRefExoticComponent<NewsletterProps & React.RefAttributes<HTMLDivElement>>;
+declare const NewsletterIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const NewsletterTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const NewsletterDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export interface NewsletterFormProps extends React.FormHTMLAttributes<HTMLFormElement> {
+}
+declare const NewsletterForm: React.ForwardRefExoticComponent<NewsletterFormProps & React.RefAttributes<HTMLFormElement>>;
+export interface NewsletterInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const NewsletterInput: React.ForwardRefExoticComponent<NewsletterInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const NewsletterDisclaimer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const NewsletterSuccess: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Newsletter, NewsletterIcon, NewsletterTitle, NewsletterDescription, NewsletterForm, NewsletterInput, NewsletterDisclaimer, NewsletterSuccess, };

package/dist/components/pricing-options.d.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const pricingOptionsVariants: (props?: ({
+    columns?: 2 | 3 | 4 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface PricingOption {
+    id: string;
+    name: string;
+    description?: string;
+    price: string | number;
+    originalPrice?: string | number;
+    period?: string;
+    features: string[];
+    highlighted?: boolean;
+    highlightLabel?: string;
+    buttonText?: string;
+    buttonVariant?: "default" | "outline" | "secondary";
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface PricingOptionsProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof pricingOptionsVariants> {
+    options: PricingOption[];
+}
+declare const PricingOptions: React.ForwardRefExoticComponent<PricingOptionsProps & React.RefAttributes<HTMLDivElement>>;
+interface PricingCardProps {
+    option: PricingOption;
+}
+declare const PricingCard: React.ForwardRefExoticComponent<PricingCardProps & React.RefAttributes<HTMLDivElement>>;
+export { PricingOptions, PricingCard };

package/dist/components/pricing-table.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+export interface PricingPlan {
+    id: string;
+    name: string;
+    price: string | number;
+    period?: string;
+    description?: string;
+    highlighted?: boolean;
+    buttonText?: string;
+    onSelect?: () => void;
+}
+export interface PricingFeature {
+    name: string;
+    tooltip?: string;
+    values: Record<string, boolean | string>;
+}
+export interface PricingTableProps extends React.HTMLAttributes<HTMLDivElement> {
+    plans: PricingPlan[];
+    features: PricingFeature[];
+    featureGroupTitle?: string;
+}
+declare const PricingTable: React.ForwardRefExoticComponent<PricingTableProps & React.RefAttributes<HTMLDivElement>>;
+export { PricingTable };

package/dist/components/quote.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const quoteVariants: (props?: ({
+    variant?: "default" | "card" | "minimal" | "centered" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface QuoteProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof quoteVariants> {
+    showIcon?: boolean;
+}
+declare const QuoteComponent: React.ForwardRefExoticComponent<QuoteProps & React.RefAttributes<HTMLQuoteElement>>;
+declare const QuoteText: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
+    size?: "sm" | "default" | "lg";
+} & React.RefAttributes<HTMLParagraphElement>>;
+declare const QuoteAuthor: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const QuoteAuthorAvatar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    src?: string;
+    alt?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const QuoteAuthorInfo: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const QuoteAuthorName: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+declare const QuoteAuthorTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+export { QuoteComponent as Quote, QuoteText, QuoteAuthor, QuoteAuthorAvatar, QuoteAuthorInfo, QuoteAuthorName, QuoteAuthorTitle, };

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

@@ -0,0 +1,8 @@
+export { ShaderCanvasOGL } from "./shader-canvas-ogl";
+export type { ShaderCanvasOGLProps } from "./shader-canvas-ogl";
+export { ShaderCanvasR3F } from "./shader-canvas-r3f";
+export type { ShaderCanvasR3FProps } from "./shader-canvas-r3f";
+export { ShaderBackground, ShaderGradient, ShaderAurora, ShaderBlob, ShaderNoise, ShaderWave, ShaderMesh, ShaderParticles, ShaderHero, ShaderCard, } from "./shader-presets";
+export type { ShaderBackgroundProps, ShaderGradientProps, ShaderAuroraProps, ShaderBlobProps, ShaderNoiseProps, ShaderWaveProps, ShaderMeshProps, ShaderParticlesProps, ShaderHeroProps, ShaderCardProps, } from "./shader-presets";
+export { SHADER_PRESETS, PRESET_COLORS, VERTEX_SHADER_DEFAULT, FRAGMENT_SHADER_GRADIENT, FRAGMENT_SHADER_AURORA, FRAGMENT_SHADER_BLOB, FRAGMENT_SHADER_NOISE, FRAGMENT_SHADER_WAVE, FRAGMENT_SHADER_MESH_GRADIENT, FRAGMENT_SHADER_PARTICLES, hexToVec3, } from "./types";
+export type { ShaderPreset, ShaderConfig, ShaderUniforms, BaseShaderProps, } from "./types";

package/dist/components/shaders/shader-canvas-ogl.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { BaseShaderProps, ShaderPreset } from "./types";
+export interface ShaderCanvasOGLProps extends BaseShaderProps, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Shader preset to use */
+    preset?: ShaderPreset;
+    /** Custom fragment shader (overrides preset) */
+    fragmentShader?: string;
+    /** Custom vertex shader */
+    vertexShader?: string;
+    /** Fourth color (for mesh gradient) */
+    color4?: string;
+}
+/**
+ * OGL-based shader canvas - lightweight WebGL shader renderer
+ * Best for: 2D effects, backgrounds, simple animations
+ */
+declare const ShaderCanvasOGL: React.ForwardRefExoticComponent<ShaderCanvasOGLProps & React.RefAttributes<HTMLDivElement>>;
+export { ShaderCanvasOGL };

package/dist/components/shaders/shader-canvas-r3f.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { BaseShaderProps, ShaderPreset } from "./types";
+export interface ShaderCanvasR3FProps extends BaseShaderProps, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Shader preset to use */
+    preset?: ShaderPreset;
+    /** Custom fragment shader (overrides preset) */
+    fragmentShader?: string;
+    /** Custom vertex shader */
+    vertexShader?: string;
+    /** Fourth color (for mesh gradient) */
+    color4?: string;
+    /** Enable 3D mode (perspective camera) */
+    mode3D?: boolean;
+}
+/**
+ * React Three Fiber shader canvas - full 3D WebGL renderer
+ * Best for: 3D effects, complex animations, post-processing
+ *
+ * Note: Requires three.js as a peer dependency.
+ * Install with: npm install three @types/three
+ */
+declare const ShaderCanvasR3F: React.ForwardRefExoticComponent<ShaderCanvasR3FProps & React.RefAttributes<HTMLDivElement>>;
+export { ShaderCanvasR3F };

package/dist/components/shaders/shader-presets.d.ts

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { type ShaderCanvasOGLProps } from "./shader-canvas-ogl";
+import type { BaseShaderProps } from "./types";
+export interface ShaderBackgroundProps extends Omit<ShaderCanvasOGLProps, "preset">, React.HTMLAttributes<HTMLDivElement> {
+    /** Shader preset */
+    shader: ShaderCanvasOGLProps["preset"];
+    /** Children to render on top */
+    children?: React.ReactNode;
+    /** Overlay opacity (0-1) for better text readability */
+    overlay?: number;
+    /** Overlay color */
+    overlayColor?: string;
+    /** Whether to use fixed positioning */
+    fixed?: boolean;
+}
+declare const ShaderBackground: React.ForwardRefExoticComponent<ShaderBackgroundProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderGradientProps extends BaseShaderProps {
+    className?: string;
+    /** Gradient colors (3 colors) */
+    colors?: [string, string, string];
+}
+declare const ShaderGradient: React.ForwardRefExoticComponent<ShaderGradientProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderAuroraProps extends BaseShaderProps {
+    className?: string;
+    /** Aurora colors (3 colors) */
+    colors?: [string, string, string];
+}
+declare const ShaderAurora: React.ForwardRefExoticComponent<ShaderAuroraProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderBlobProps extends BaseShaderProps {
+    className?: string;
+    /** Blob colors (3 colors) */
+    colors?: [string, string, string];
+}
+declare const ShaderBlob: React.ForwardRefExoticComponent<ShaderBlobProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderNoiseProps extends BaseShaderProps {
+    className?: string;
+    /** Noise color */
+    color?: string;
+}
+declare const ShaderNoise: React.ForwardRefExoticComponent<ShaderNoiseProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderWaveProps extends BaseShaderProps {
+    className?: string;
+    /** Wave colors (2 colors) */
+    colors?: [string, string];
+}
+declare const ShaderWave: React.ForwardRefExoticComponent<ShaderWaveProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderMeshProps extends BaseShaderProps {
+    className?: string;
+    /** Mesh gradient colors (4 colors for corners) */
+    colors?: [string, string, string, string];
+}
+declare const ShaderMesh: React.ForwardRefExoticComponent<ShaderMeshProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderParticlesProps extends BaseShaderProps {
+    className?: string;
+    /** Particle colors (2 colors) */
+    colors?: [string, string];
+}
+declare const ShaderParticles: React.ForwardRefExoticComponent<ShaderParticlesProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderHeroProps extends ShaderBackgroundProps {
+    /** Title text */
+    title?: string;
+    /** Subtitle text */
+    subtitle?: string;
+    /** Hero size */
+    size?: "sm" | "default" | "lg" | "full";
+    /** Content alignment */
+    align?: "left" | "center" | "right";
+}
+declare const ShaderHero: React.ForwardRefExoticComponent<ShaderHeroProps & React.RefAttributes<HTMLDivElement>>;
+export interface ShaderCardProps extends Omit<ShaderBackgroundProps, "children"> {
+    /** Card content */
+    children?: React.ReactNode;
+    /** Card padding */
+    padding?: "sm" | "default" | "lg";
+    /** Border radius */
+    rounded?: "sm" | "default" | "lg" | "xl" | "2xl" | "full";
+}
+declare const ShaderCard: React.ForwardRefExoticComponent<ShaderCardProps & React.RefAttributes<HTMLDivElement>>;
+export { ShaderBackground, ShaderGradient, ShaderAurora, ShaderBlob, ShaderNoise, ShaderWave, ShaderMesh, ShaderParticles, ShaderHero, ShaderCard, };

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

@@ -0,0 +1,46 @@
+export interface ShaderUniforms {
+    [key: string]: {
+        value: number | number[] | Float32Array;
+        type?: "float" | "vec2" | "vec3" | "vec4" | "mat4";
+    };
+}
+export interface ShaderConfig {
+    /** Fragment shader GLSL code */
+    fragmentShader: string;
+    /** Vertex shader GLSL code (optional, uses default) */
+    vertexShader?: string;
+    /** Uniform values */
+    uniforms?: ShaderUniforms;
+}
+export interface BaseShaderProps {
+    /** Animation speed multiplier */
+    speed?: number;
+    /** Mouse interaction */
+    interactive?: boolean;
+    /** Effect intensity (0-1) */
+    intensity?: number;
+    /** Primary colors */
+    colors?: string[];
+    /** Whether the shader is paused */
+    paused?: boolean;
+    /** Pixel ratio (default: window.devicePixelRatio) */
+    pixelRatio?: number;
+    /** Quality preset */
+    quality?: "low" | "medium" | "high";
+    /** Callback when shader is ready */
+    onReady?: () => void;
+    /** Callback on each frame */
+    onFrame?: (time: number) => void;
+}
+export declare const VERTEX_SHADER_DEFAULT = "\n  attribute vec2 uv;\n  attribute vec2 position;\n  varying vec2 vUv;\n  void main() {\n    vUv = uv;\n    gl_Position = vec4(position, 0, 1);\n  }\n";
+export declare const FRAGMENT_SHADER_GRADIENT = "\n  precision highp float;\n\n  uniform float uTime;\n  uniform vec2 uResolution;\n  uniform vec2 uMouse;\n  uniform float uIntensity;\n  uniform vec3 uColor1;\n  uniform vec3 uColor2;\n  uniform vec3 uColor3;\n\n  varying vec2 vUv;\n\n  void main() {\n    vec2 uv = vUv;\n\n    // Animated gradient\n    float t = uTime * 0.3;\n    float noise = sin(uv.x * 3.0 + t) * sin(uv.y * 3.0 + t) * 0.5 + 0.5;\n\n    vec3 color = mix(uColor1, uColor2, uv.x + sin(t) * 0.2);\n    color = mix(color, uColor3, uv.y + cos(t) * 0.2);\n    color = mix(color, uColor1, noise * uIntensity);\n\n    gl_FragColor = vec4(color, 1.0);\n  }\n";
+export declare const FRAGMENT_SHADER_AURORA = "\n  precision highp float;\n\n  uniform float uTime;\n  uniform vec2 uResolution;\n  uniform vec2 uMouse;\n  uniform float uIntensity;\n  uniform vec3 uColor1;\n  uniform vec3 uColor2;\n  uniform vec3 uColor3;\n\n  varying vec2 vUv;\n\n  // Simplex noise function\n  vec3 mod289(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\n  vec2 mod289(vec2 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\n  vec3 permute(vec3 x) { return mod289(((x*34.0)+1.0)*x); }\n\n  float snoise(vec2 v) {\n    const vec4 C = vec4(0.211324865405187, 0.366025403784439, -0.577350269189626, 0.024390243902439);\n    vec2 i  = floor(v + dot(v, C.yy));\n    vec2 x0 = v - i + dot(i, C.xx);\n    vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n    vec4 x12 = x0.xyxy + C.xxzz;\n    x12.xy -= i1;\n    i = mod289(i);\n    vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0));\n    vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n    m = m*m;\n    m = m*m;\n    vec3 x = 2.0 * fract(p * C.www) - 1.0;\n    vec3 h = abs(x) - 0.5;\n    vec3 ox = floor(x + 0.5);\n    vec3 a0 = x - ox;\n    m *= 1.79284291400159 - 0.85373472095314 * (a0*a0 + h*h);\n    vec3 g;\n    g.x = a0.x * x0.x + h.x * x0.y;\n    g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n    return 130.0 * dot(m, g);\n  }\n\n  void main() {\n    vec2 uv = vUv;\n    float t = uTime * 0.2;\n\n    // Multiple layers of noise for aurora effect\n    float n1 = snoise(vec2(uv.x * 2.0, uv.y * 0.5 + t));\n    float n2 = snoise(vec2(uv.x * 4.0 + t * 0.5, uv.y * 1.0));\n    float n3 = snoise(vec2(uv.x * 1.0, uv.y * 2.0 - t * 0.3));\n\n    float aurora = (n1 + n2 * 0.5 + n3 * 0.25) * 0.5 + 0.5;\n    aurora = pow(aurora, 2.0) * uIntensity;\n\n    // Vertical fade\n    float fade = smoothstep(0.0, 0.6, uv.y) * smoothstep(1.0, 0.4, uv.y);\n    aurora *= fade;\n\n    // Color mixing\n    vec3 color = mix(uColor1, uColor2, aurora);\n    color = mix(color, uColor3, pow(aurora, 2.0));\n\n    // Add glow\n    color += uColor2 * aurora * 0.5;\n\n    gl_FragColor = vec4(color, aurora * 0.8 + 0.2);\n  }\n";
+export declare const FRAGMENT_SHADER_BLOB = "\n  precision highp float;\n\n  uniform float uTime;\n  uniform vec2 uResolution;\n  uniform vec2 uMouse;\n  uniform float uIntensity;\n  uniform vec3 uColor1;\n  uniform vec3 uColor2;\n  uniform vec3 uColor3;\n\n  varying vec2 vUv;\n\n  float sdCircle(vec2 p, float r) {\n    return length(p) - r;\n  }\n\n  void main() {\n    vec2 uv = vUv * 2.0 - 1.0;\n    uv.x *= uResolution.x / uResolution.y;\n\n    float t = uTime * 0.5;\n\n    // Morphing blob\n    float blob = 0.0;\n    for (int i = 0; i < 5; i++) {\n      float fi = float(i);\n      vec2 offset = vec2(\n        sin(t + fi * 1.2) * 0.3,\n        cos(t + fi * 0.8) * 0.3\n      );\n      float size = 0.3 + sin(t + fi) * 0.1;\n      blob += smoothstep(size, size - 0.1, length(uv - offset));\n    }\n\n    blob = clamp(blob, 0.0, 1.0) * uIntensity;\n\n    // Color gradient\n    vec3 color = mix(uColor1, uColor2, blob);\n    color = mix(color, uColor3, pow(blob, 2.0));\n\n    gl_FragColor = vec4(color, blob);\n  }\n";
+export declare const FRAGMENT_SHADER_NOISE = "\n  precision highp float;\n\n  uniform float uTime;\n  uniform vec2 uResolution;\n  uniform float uIntensity;\n  uniform vec3 uColor1;\n\n  varying vec2 vUv;\n\n  float random(vec2 st) {\n    return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453123);\n  }\n\n  void main() {\n    vec2 uv = vUv;\n\n    // Animated noise\n    float noise = random(uv + uTime * 0.1);\n    noise = mix(0.5, noise, uIntensity);\n\n    vec3 color = uColor1 * noise;\n\n    gl_FragColor = vec4(color, uIntensity * 0.5);\n  }\n";
+export declare const FRAGMENT_SHADER_WAVE = "\n  precision highp float;\n\n  uniform float uTime;\n  uniform vec2 uResolution;\n  uniform vec2 uMouse;\n  uniform float uIntensity;\n  uniform vec3 uColor1;\n  uniform vec3 uColor2;\n\n  varying vec2 vUv;\n\n  void main() {\n    vec2 uv = vUv;\n    float t = uTime * 0.5;\n\n    // Wave distortion\n    float wave1 = sin(uv.x * 10.0 + t) * 0.1;\n    float wave2 = sin(uv.x * 5.0 - t * 0.5) * 0.15;\n    float wave3 = cos(uv.x * 15.0 + t * 0.7) * 0.05;\n\n    float y = uv.y + (wave1 + wave2 + wave3) * uIntensity;\n\n    // Gradient with waves\n    vec3 color = mix(uColor1, uColor2, smoothstep(0.3, 0.7, y));\n\n    gl_FragColor = vec4(color, 1.0);\n  }\n";
+export declare const FRAGMENT_SHADER_MESH_GRADIENT = "\n  precision highp float;\n\n  uniform float uTime;\n  uniform vec2 uResolution;\n  uniform vec2 uMouse;\n  uniform float uIntensity;\n  uniform vec3 uColor1;\n  uniform vec3 uColor2;\n  uniform vec3 uColor3;\n  uniform vec3 uColor4;\n\n  varying vec2 vUv;\n\n  // Simplex noise\n  vec3 mod289(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\n  vec2 mod289(vec2 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }\n  vec3 permute(vec3 x) { return mod289(((x*34.0)+1.0)*x); }\n\n  float snoise(vec2 v) {\n    const vec4 C = vec4(0.211324865405187, 0.366025403784439, -0.577350269189626, 0.024390243902439);\n    vec2 i  = floor(v + dot(v, C.yy));\n    vec2 x0 = v - i + dot(i, C.xx);\n    vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n    vec4 x12 = x0.xyxy + C.xxzz;\n    x12.xy -= i1;\n    i = mod289(i);\n    vec3 p = permute(permute(i.y + vec3(0.0, i1.y, 1.0)) + i.x + vec3(0.0, i1.x, 1.0));\n    vec3 m = max(0.5 - vec3(dot(x0,x0), dot(x12.xy,x12.xy), dot(x12.zw,x12.zw)), 0.0);\n    m = m*m;\n    m = m*m;\n    vec3 x = 2.0 * fract(p * C.www) - 1.0;\n    vec3 h = abs(x) - 0.5;\n    vec3 ox = floor(x + 0.5);\n    vec3 a0 = x - ox;\n    m *= 1.79284291400159 - 0.85373472095314 * (a0*a0 + h*h);\n    vec3 g;\n    g.x = a0.x * x0.x + h.x * x0.y;\n    g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n    return 130.0 * dot(m, g);\n  }\n\n  void main() {\n    vec2 uv = vUv;\n    float t = uTime * 0.15;\n\n    // Animated mesh gradient using noise\n    float n1 = snoise(uv * 2.0 + t) * 0.5 + 0.5;\n    float n2 = snoise(uv * 3.0 - t * 0.5) * 0.5 + 0.5;\n    float n3 = snoise(uv * 1.5 + vec2(t, -t)) * 0.5 + 0.5;\n\n    // Four-corner gradient with noise displacement\n    vec3 tl = uColor1;\n    vec3 tr = uColor2;\n    vec3 bl = uColor3;\n    vec3 br = uColor4;\n\n    vec2 nuv = uv + vec2(n1 - 0.5, n2 - 0.5) * 0.2 * uIntensity;\n    nuv = clamp(nuv, 0.0, 1.0);\n\n    vec3 top = mix(tl, tr, nuv.x);\n    vec3 bottom = mix(bl, br, nuv.x);\n    vec3 color = mix(bottom, top, nuv.y);\n\n    // Add subtle glow\n    color += (uColor1 + uColor2) * 0.1 * n3 * uIntensity;\n\n    gl_FragColor = vec4(color, 1.0);\n  }\n";
+export declare const FRAGMENT_SHADER_PARTICLES = "\n  precision highp float;\n\n  uniform float uTime;\n  uniform vec2 uResolution;\n  uniform float uIntensity;\n  uniform vec3 uColor1;\n  uniform vec3 uColor2;\n\n  varying vec2 vUv;\n\n  float random(vec2 st) {\n    return fract(sin(dot(st.xy, vec2(12.9898, 78.233))) * 43758.5453123);\n  }\n\n  void main() {\n    vec2 uv = vUv;\n    float t = uTime * 0.2;\n\n    vec3 color = vec3(0.0);\n\n    // Multiple particle layers\n    for (int i = 0; i < 3; i++) {\n      float fi = float(i);\n      vec2 grid = uv * (20.0 + fi * 10.0);\n      vec2 id = floor(grid);\n      vec2 gv = fract(grid) - 0.5;\n\n      float n = random(id + fi);\n      float size = n * 0.3 + 0.1;\n\n      // Animated position\n      vec2 offset = vec2(\n        sin(t + n * 6.28) * 0.2,\n        cos(t * 0.7 + n * 6.28) * 0.3 - t * 0.5\n      );\n      offset.y = mod(offset.y, 1.0) - 0.5;\n\n      float d = length(gv - offset);\n      float particle = smoothstep(size, size - 0.05, d);\n\n      vec3 pColor = mix(uColor1, uColor2, n);\n      color += pColor * particle * (1.0 - fi * 0.2);\n    }\n\n    color *= uIntensity;\n\n    gl_FragColor = vec4(color, length(color) * 0.5);\n  }\n";
+export declare function hexToVec3(hex: string): [number, number, number];
+export type ShaderPreset = "gradient" | "aurora" | "blob" | "noise" | "wave" | "mesh" | "particles";
+export declare const SHADER_PRESETS: Record<ShaderPreset, string>;
+export declare const PRESET_COLORS: Record<ShaderPreset, string[]>;

package/dist/components/social-proof.d.ts

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const socialProofVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SocialProofProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof socialProofVariants> {
+}
+declare const SocialProof: React.ForwardRefExoticComponent<SocialProofProps & React.RefAttributes<HTMLDivElement>>;
+export interface AvatarStackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Maximum number of avatars to show
+     * @default 5
+     */
+    max?: number;
+    /**
+     * Total count (for "+X more" display)
+     */
+    total?: number;
+    /**
+     * Size of avatars
+     * @default "default"
+     */
+    size?: "sm" | "default" | "lg";
+}
+declare const AvatarStack: React.ForwardRefExoticComponent<AvatarStackProps & React.RefAttributes<HTMLDivElement>>;
+export interface StarRatingProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Rating value (0-5)
+     */
+    rating: number;
+    /**
+     * Total reviews count
+     */
+    reviewCount?: number;
+    /**
+     * Size of stars
+     * @default "default"
+     */
+    size?: "sm" | "default" | "lg";
+    /**
+     * Whether to show the rating number
+     * @default true
+     */
+    showValue?: boolean;
+}
+declare const StarRating: React.ForwardRefExoticComponent<StarRatingProps & React.RefAttributes<HTMLDivElement>>;
+declare const TrustBadges: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface TrustBadgeProps extends React.HTMLAttributes<HTMLDivElement> {
+    icon?: React.ReactNode;
+    label: string;
+}
+declare const TrustBadge: React.ForwardRefExoticComponent<TrustBadgeProps & React.RefAttributes<HTMLDivElement>>;
+export interface CustomerCountProps extends React.HTMLAttributes<HTMLDivElement> {
+    count: number;
+    label?: string;
+    size?: "sm" | "default" | "lg";
+}
+declare const CustomerCount: React.ForwardRefExoticComponent<CustomerCountProps & React.RefAttributes<HTMLDivElement>>;
+declare const SocialProofBanner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export interface FeaturedInProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+}
+declare const FeaturedIn: React.ForwardRefExoticComponent<FeaturedInProps & React.RefAttributes<HTMLDivElement>>;
+export { SocialProof, AvatarStack, StarRating, TrustBadges, TrustBadge, CustomerCount, SocialProofBanner, FeaturedIn, };

package/dist/components/stats-section.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const statsSectionVariants: (props?: ({
+    variant?: "default" | "dark" | "muted" | "primary" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatsSectionProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statsSectionVariants> {
+}
+declare const StatsSection: React.ForwardRefExoticComponent<StatsSectionProps & React.RefAttributes<HTMLDivElement>>;
+declare const StatsHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const StatsTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const StatsDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const statsGridVariants: (props?: ({
+    columns?: 2 | 3 | 4 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatsGridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statsGridVariants> {
+}
+declare const StatsGrid: React.ForwardRefExoticComponent<StatsGridProps & React.RefAttributes<HTMLDivElement>>;
+declare const statItemVariants: (props?: ({
+    variant?: "default" | "bordered" | "card" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface StatItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statItemVariants> {
+}
+declare const StatItem: React.ForwardRefExoticComponent<StatItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const StatValue: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const StatLabel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const StatTrend: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    direction?: "up" | "down" | "neutral";
+} & React.RefAttributes<HTMLDivElement>>;
+export { StatsSection, StatsHeader, StatsTitle, StatsDescription, StatsGrid, StatItem, StatValue, StatLabel, StatTrend, };