import React from 'react'; import { R as RuntimeConfig } from './loader-BQEm2HO8.mjs'; export { B as BrandConfig, a as BrandTheme, L as LoadBrandOptions, N as NamedBrandSource, b as applyConfig, g as getAppUrl, c as getBrandUrl, d as getDocsUrl, e as getGatewayUrl, f as getRpcUrl, h as getWsUrl, l as loadBrand, r as resolveBrand, v as validateBrandConfig } from './loader-BQEm2HO8.mjs'; /** * Lux brand colors */ declare const colors: { readonly primary: { readonly DEFAULT: "#0A0A0B"; readonly 50: "#F5F5F5"; readonly 100: "#E5E5E5"; readonly 200: "#C4C4C4"; readonly 300: "#A3A3A3"; readonly 400: "#737373"; readonly 500: "#525252"; readonly 600: "#404040"; readonly 700: "#262626"; readonly 800: "#171717"; readonly 900: "#0A0A0B"; readonly 950: "#050505"; }; readonly secondary: { readonly DEFAULT: "#F5F5F5"; readonly dark: "#E5E5E5"; readonly darker: "#C4C4C4"; }; readonly accent: { readonly DEFAULT: "#3B82F6"; readonly light: "#60A5FA"; readonly dark: "#2563EB"; }; readonly success: { readonly DEFAULT: "#10B981"; readonly light: "#34D399"; readonly dark: "#059669"; readonly bg: "#ECFDF5"; readonly border: "#A7F3D0"; }; readonly warning: { readonly DEFAULT: "#F59E0B"; readonly light: "#FCD34D"; readonly dark: "#D97706"; readonly bg: "#FFFBEB"; readonly border: "#FDE68A"; }; readonly error: { readonly DEFAULT: "#EF4444"; readonly light: "#F87171"; readonly dark: "#DC2626"; readonly bg: "#FEF2F2"; readonly border: "#FECACA"; }; readonly info: { readonly DEFAULT: "#3B82F6"; readonly light: "#60A5FA"; readonly dark: "#2563EB"; readonly bg: "#EFF6FF"; readonly border: "#BFDBFE"; }; readonly neutral: { readonly 0: "#FFFFFF"; readonly 50: "#FAFAFA"; readonly 100: "#F5F5F5"; readonly 200: "#E5E5E5"; readonly 300: "#D4D4D4"; readonly 400: "#A3A3A3"; readonly 500: "#737373"; readonly 600: "#525252"; readonly 700: "#404040"; readonly 800: "#262626"; readonly 900: "#171717"; readonly 950: "#0A0A0A"; readonly 1000: "#000000"; }; readonly background: { readonly DEFAULT: "#FFFFFF"; readonly secondary: "#FAFAFA"; readonly tertiary: "#F5F5F5"; readonly dark: "#0A0A0B"; readonly darkSecondary: "#171717"; readonly darkTertiary: "#262626"; }; readonly text: { readonly primary: "#0A0A0B"; readonly secondary: "#525252"; readonly tertiary: "#737373"; readonly disabled: "#A3A3A3"; readonly inverse: "#FFFFFF"; readonly link: "#3B82F6"; readonly linkHover: "#2563EB"; }; readonly border: { readonly DEFAULT: "#E5E5E5"; readonly light: "#F5F5F5"; readonly dark: "#D4D4D4"; readonly focus: "#3B82F6"; }; readonly code: { readonly bg: "#F5F5F5"; readonly text: "#0A0A0B"; readonly border: "#E5E5E5"; readonly darkBg: "#1E1E1E"; readonly darkText: "#D4D4D4"; readonly darkBorder: "#404040"; }; readonly gradients: { readonly primary: "linear-gradient(135deg, #0A0A0B 0%, #262626 100%)"; readonly accent: "linear-gradient(135deg, #3B82F6 0%, #2563EB 100%)"; readonly sunset: "linear-gradient(135deg, #F59E0B 0%, #EF4444 100%)"; readonly ocean: "linear-gradient(135deg, #3B82F6 0%, #10B981 100%)"; }; }; declare function getCSSVariables(prefix?: string): Record; /** * Lux brand typography */ declare const typography: { readonly fontFamily: { readonly sans: readonly ["Inter", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"]; readonly serif: readonly ["Georgia", "Cambria", "Times New Roman", "Times", "serif"]; readonly mono: readonly ["JetBrains Mono", "Fira Code", "SF Mono", "Monaco", "Consolas", "monospace"]; readonly display: readonly ["Inter Display", "Inter", "system-ui", "sans-serif"]; }; readonly fontSize: { readonly xs: readonly ["0.75rem", { readonly lineHeight: "1rem"; }]; readonly sm: readonly ["0.875rem", { readonly lineHeight: "1.25rem"; }]; readonly base: readonly ["1rem", { readonly lineHeight: "1.5rem"; }]; readonly lg: readonly ["1.125rem", { readonly lineHeight: "1.75rem"; }]; readonly xl: readonly ["1.25rem", { readonly lineHeight: "1.75rem"; }]; readonly '2xl': readonly ["1.5rem", { readonly lineHeight: "2rem"; }]; readonly '3xl': readonly ["1.875rem", { readonly lineHeight: "2.25rem"; }]; readonly '4xl': readonly ["2.25rem", { readonly lineHeight: "2.5rem"; }]; readonly '5xl': readonly ["3rem", { readonly lineHeight: "1"; }]; readonly '6xl': readonly ["3.75rem", { readonly lineHeight: "1"; }]; readonly '7xl': readonly ["4.5rem", { readonly lineHeight: "1"; }]; readonly '8xl': readonly ["6rem", { readonly lineHeight: "1"; }]; readonly '9xl': readonly ["8rem", { readonly lineHeight: "1"; }]; }; readonly fontWeight: { readonly thin: "100"; readonly extralight: "200"; readonly light: "300"; readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; readonly extrabold: "800"; readonly black: "900"; }; readonly lineHeight: { readonly none: "1"; readonly tight: "1.25"; readonly snug: "1.375"; readonly normal: "1.5"; readonly relaxed: "1.625"; readonly loose: "2"; }; readonly letterSpacing: { readonly tighter: "-0.05em"; readonly tight: "-0.025em"; readonly normal: "0em"; readonly wide: "0.025em"; readonly wider: "0.05em"; readonly widest: "0.1em"; }; readonly heading: { readonly h1: { readonly fontSize: "3rem"; readonly fontWeight: "700"; readonly lineHeight: "1"; readonly letterSpacing: "-0.025em"; }; readonly h2: { readonly fontSize: "2.25rem"; readonly fontWeight: "700"; readonly lineHeight: "1.2"; readonly letterSpacing: "-0.025em"; }; readonly h3: { readonly fontSize: "1.875rem"; readonly fontWeight: "600"; readonly lineHeight: "1.25"; readonly letterSpacing: "-0.025em"; }; readonly h4: { readonly fontSize: "1.5rem"; readonly fontWeight: "600"; readonly lineHeight: "1.375"; readonly letterSpacing: "0"; }; readonly h5: { readonly fontSize: "1.25rem"; readonly fontWeight: "600"; readonly lineHeight: "1.5"; readonly letterSpacing: "0"; }; readonly h6: { readonly fontSize: "1.125rem"; readonly fontWeight: "600"; readonly lineHeight: "1.5"; readonly letterSpacing: "0"; }; }; readonly body: { readonly large: { readonly fontSize: "1.125rem"; readonly fontWeight: "400"; readonly lineHeight: "1.75"; }; readonly base: { readonly fontSize: "1rem"; readonly fontWeight: "400"; readonly lineHeight: "1.5"; }; readonly small: { readonly fontSize: "0.875rem"; readonly fontWeight: "400"; readonly lineHeight: "1.5"; }; readonly tiny: { readonly fontSize: "0.75rem"; readonly fontWeight: "400"; readonly lineHeight: "1.5"; }; }; readonly code: { readonly inline: { readonly fontFamily: "JetBrains Mono, monospace"; readonly fontSize: "0.875em"; readonly fontWeight: "500"; readonly backgroundColor: "#F5F5F5"; readonly padding: "0.125rem 0.25rem"; readonly borderRadius: "0.25rem"; }; readonly block: { readonly fontFamily: "JetBrains Mono, monospace"; readonly fontSize: "0.875rem"; readonly fontWeight: "400"; readonly lineHeight: "1.5"; readonly backgroundColor: "#F5F5F5"; readonly padding: "1rem"; readonly borderRadius: "0.5rem"; }; }; }; declare const fontFaces = "\n@font-face {\n font-family: 'Inter';\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url('/fonts/inter-var.woff2') format('woff2-variations');\n}\n\n@font-face {\n font-family: 'Inter Display';\n font-style: normal;\n font-weight: 100 900;\n font-display: swap;\n src: url('/fonts/inter-display-var.woff2') format('woff2-variations');\n}\n\n@font-face {\n font-family: 'JetBrains Mono';\n font-style: normal;\n font-weight: 100 800;\n font-display: swap;\n src: url('/fonts/jetbrains-mono-var.woff2') format('woff2-variations');\n}\n"; /** * Lux brand logos and logo components */ declare const logos: { readonly full: { readonly dark: { readonly svg: "/assets/logo/lux-full-dark.svg"; readonly png: "/assets/logo/lux-full-dark.png"; }; readonly light: { readonly svg: "/assets/logo/lux-full-light.svg"; readonly png: "/assets/logo/lux-full-light.png"; }; }; readonly mark: { readonly dark: { readonly svg: "/assets/logo/lux-mark-dark.svg"; readonly png: "/assets/logo/lux-mark-dark.png"; }; readonly light: { readonly svg: "/assets/logo/lux-mark-light.svg"; readonly png: "/assets/logo/lux-mark-light.png"; }; }; readonly horizontal: { readonly dark: { readonly svg: "/assets/logo/lux-horizontal-dark.svg"; readonly png: "/assets/logo/lux-horizontal-dark.png"; }; readonly light: { readonly svg: "/assets/logo/lux-horizontal-light.svg"; readonly png: "/assets/logo/lux-horizontal-light.png"; }; }; readonly stacked: { readonly dark: { readonly svg: "/assets/logo/lux-stacked-dark.svg"; readonly png: "/assets/logo/lux-stacked-dark.png"; }; readonly light: { readonly svg: "/assets/logo/lux-stacked-light.svg"; readonly png: "/assets/logo/lux-stacked-light.png"; }; }; }; interface LuxLogoProps { variant?: 'full' | 'mark' | 'horizontal' | 'stacked'; size?: 'small' | 'medium' | 'large' | 'xl' | number; theme?: 'light' | 'dark' | 'auto'; className?: string; style?: React.CSSProperties; } declare function LuxLogo({ variant, size, theme, className, style, }: LuxLogoProps): React.JSX.Element; declare function LuxLogoSVG({ size, color, className, }: { size?: number; color?: string; className?: string; }): React.JSX.Element; declare function LuxFavicon({ size }: { size?: number; }): React.JSX.Element; /** * Design tokens for Lux brand */ declare const tokens: { readonly spacing: { readonly 0: "0"; readonly px: "1px"; readonly 0.5: "0.125rem"; readonly 1: "0.25rem"; readonly 1.5: "0.375rem"; readonly 2: "0.5rem"; readonly 2.5: "0.625rem"; readonly 3: "0.75rem"; readonly 3.5: "0.875rem"; readonly 4: "1rem"; readonly 5: "1.25rem"; readonly 6: "1.5rem"; readonly 7: "1.75rem"; readonly 8: "2rem"; readonly 9: "2.25rem"; readonly 10: "2.5rem"; readonly 11: "2.75rem"; readonly 12: "3rem"; readonly 14: "3.5rem"; readonly 16: "4rem"; readonly 20: "5rem"; readonly 24: "6rem"; readonly 28: "7rem"; readonly 32: "8rem"; readonly 36: "9rem"; readonly 40: "10rem"; readonly 44: "11rem"; readonly 48: "12rem"; readonly 52: "13rem"; readonly 56: "14rem"; readonly 60: "15rem"; readonly 64: "16rem"; readonly 72: "18rem"; readonly 80: "20rem"; readonly 96: "24rem"; }; readonly radius: { readonly none: "0"; readonly sm: "0.125rem"; readonly DEFAULT: "0.25rem"; readonly md: "0.375rem"; readonly lg: "0.5rem"; readonly xl: "0.75rem"; readonly '2xl': "1rem"; readonly '3xl': "1.5rem"; readonly full: "9999px"; }; readonly shadow: { readonly none: "none"; readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)"; readonly DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"; readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"; readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"; readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"; readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)"; readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"; }; readonly blur: { readonly none: "0"; readonly sm: "4px"; readonly DEFAULT: "8px"; readonly md: "12px"; readonly lg: "16px"; readonly xl: "24px"; readonly '2xl': "40px"; readonly '3xl': "64px"; }; readonly transition: { readonly duration: { readonly 75: "75ms"; readonly 100: "100ms"; readonly 150: "150ms"; readonly 200: "200ms"; readonly 300: "300ms"; readonly 500: "500ms"; readonly 700: "700ms"; readonly 1000: "1000ms"; }; readonly timing: { readonly DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)"; readonly linear: "linear"; readonly in: "cubic-bezier(0.4, 0, 1, 1)"; readonly out: "cubic-bezier(0, 0, 0.2, 1)"; readonly inOut: "cubic-bezier(0.4, 0, 0.2, 1)"; }; }; readonly zIndex: { readonly 0: "0"; readonly 10: "10"; readonly 20: "20"; readonly 30: "30"; readonly 40: "40"; readonly 50: "50"; readonly dropdown: "100"; readonly sticky: "200"; readonly overlay: "300"; readonly modal: "400"; readonly popover: "500"; readonly tooltip: "600"; readonly notification: "700"; }; readonly breakpoints: { readonly xs: "480px"; readonly sm: "640px"; readonly md: "768px"; readonly lg: "1024px"; readonly xl: "1280px"; readonly '2xl': "1536px"; }; readonly aspectRatio: { readonly square: "1 / 1"; readonly video: "16 / 9"; readonly photo: "4 / 3"; readonly portrait: "3 / 4"; readonly ultrawide: "21 / 9"; }; readonly animation: { readonly spin: "spin 1s linear infinite"; readonly ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite"; readonly pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"; readonly bounce: "bounce 1s infinite"; readonly fadeIn: "fadeIn 0.2s ease-in"; readonly fadeOut: "fadeOut 0.2s ease-out"; readonly slideUp: "slideUp 0.3s ease-out"; readonly slideDown: "slideDown 0.3s ease-out"; }; readonly container: { readonly xs: "480px"; readonly sm: "640px"; readonly md: "768px"; readonly lg: "1024px"; readonly xl: "1280px"; readonly '2xl': "1536px"; }; }; /** * Theme management for Lux brand */ interface Theme { name: string; colors: Record; cssVariables: Record; } declare const lightTheme: Theme; declare const darkTheme: Theme; declare const themes: { readonly light: Theme; readonly dark: Theme; }; declare function applyTheme(theme?: keyof typeof themes | Theme): void; declare function getCurrentTheme(): Theme; declare function createTheme(config: Partial): Theme; declare function useTheme(): { theme: Theme; setTheme: (theme: keyof typeof themes | Theme) => void; }; /** * Utility functions for brand usage */ /** * Convert hex color to RGB */ declare function hexToRgb(hex: string): { r: number; g: number; b: number; } | null; /** * Convert RGB to hex color */ declare function rgbToHex(r: number, g: number, b: number): string; /** * Get contrast ratio between two colors */ declare function getContrastRatio(color1: string, color2: string): number; /** * Check if color meets WCAG AA contrast requirements */ declare function meetsContrastAA(foreground: string, background: string): boolean; /** * Check if color meets WCAG AAA contrast requirements */ declare function meetsContrastAAA(foreground: string, background: string): boolean; /** * Generate color palette from base color */ declare function generatePalette(baseColor: string, _name?: string): Record | null; /** * Get spacing value */ declare function spacing(value: keyof typeof tokens.spacing): string; /** * Get radius value */ declare function radius(value: keyof typeof tokens.radius): string; /** * Get shadow value */ declare function shadow(value: keyof typeof tokens.shadow): string; /** * Class name utility (similar to clsx) */ declare function cn(...classes: (string | undefined | null | false)[]): string; /** * Generate Open Graph image URL */ declare function getOgImageUrl(params: { title: string; description?: string; logo?: boolean; theme?: 'light' | 'dark'; }): string; /** * Load brand fonts */ declare function loadFonts(): void; /** * Documentation theme configuration for Fumadocs * Pure black/white minimalist theme for Lux Network */ /** * Fumadocs-compatible CSS variables */ interface DocsThemeVariables { [key: string]: string; '--color-fd-background': string; '--color-fd-foreground': string; '--color-fd-muted': string; '--color-fd-muted-foreground': string; '--color-fd-popover': string; '--color-fd-popover-foreground': string; '--color-fd-card': string; '--color-fd-card-foreground': string; '--color-fd-border': string; '--color-fd-primary': string; '--color-fd-primary-foreground': string; '--color-fd-secondary': string; '--color-fd-secondary-foreground': string; '--color-fd-accent': string; '--color-fd-accent-foreground': string; '--color-fd-ring': string; } /** * Documentation theme configuration */ interface DocsTheme { name: string; description: string; light: DocsThemeVariables; dark: DocsThemeVariables; css: string; } /** * Light mode variables - Pure white */ declare const lightDocsVariables: DocsThemeVariables; /** * Dark mode variables - Pure black */ declare const darkDocsVariables: DocsThemeVariables; /** * Lux Documentation Theme * Pure black/white minimalist design */ declare const luxDocsTheme: DocsTheme; /** * Get CSS variables as a style object (for inline styles) */ declare function getDocsStyleObject(mode?: 'light' | 'dark'): Record; /** * Apply docs theme to document */ declare function applyDocsTheme(mode?: 'light' | 'dark'): void; /** The full brand runtime config for Lux Exchange. */ declare const brand: RuntimeConfig; /** * Main brand configuration for Lux AI */ declare const brandConfig: { readonly company: { readonly name: "Lux"; readonly legalName: "Lux Finance"; readonly tagline: "Building the future of decentralized finance"; readonly description: "Enterprise-grade DeFi infrastructure and blockchain solutions for institutional adoption."; readonly founded: 2021; readonly headquarters: "Zug, Switzerland"; }; readonly values: readonly ["Innovation", "Reliability", "Transparency", "Performance", "Accessibility"]; readonly contact: { readonly email: "hello@lux.ai"; readonly support: "support@lux.ai"; readonly sales: "sales@lux.ai"; readonly press: "press@lux.ai"; }; readonly social: { readonly twitter: "https://twitter.com/luxai"; readonly github: "https://github.com/luxai"; readonly linkedin: "https://linkedin.com/company/luxai"; readonly discord: "https://discord.gg/lux"; readonly youtube: "https://youtube.com/@luxai"; }; readonly domains: { readonly main: "https://lux.finance"; readonly docs: "https://docs.lux.finance"; readonly api: "https://api.lux.finance"; readonly app: "https://app.lux.finance"; readonly brand: "https://brand.lux.finance"; readonly ui: "https://ui.lux.finance"; readonly status: "https://status.lux.finance"; }; readonly legal: { readonly privacy: "https://lux.ai/privacy"; readonly terms: "https://lux.ai/terms"; readonly cookies: "https://lux.ai/cookies"; readonly security: "https://lux.ai/security"; }; readonly seo: { readonly title: "Lux AI - Enterprise AI Infrastructure"; readonly description: "Build, deploy, and scale AI applications with Lux's enterprise-grade infrastructure and tools."; readonly keywords: readonly ["AI infrastructure", "machine learning", "artificial intelligence", "LLM", "enterprise AI", "AI platform", "ML ops", "AI deployment"]; readonly image: "https://lux.ai/og-image.png"; readonly twitterCard: "summary_large_image"; readonly twitterCreator: "@luxai"; }; }; export { type DocsTheme, type DocsThemeVariables, LuxFavicon, LuxLogo, type LuxLogoProps, LuxLogoSVG, RuntimeConfig, type Theme, applyDocsTheme, applyTheme, brand, brandConfig, cn, colors, createTheme, darkDocsVariables, darkTheme, fontFaces, generatePalette, getCSSVariables, getContrastRatio, getCurrentTheme, getDocsStyleObject, getOgImageUrl, hexToRgb, lightDocsVariables, lightTheme, loadFonts, logos, luxDocsTheme, meetsContrastAA, meetsContrastAAA, radius, rgbToHex, shadow, spacing, themes, tokens, typography, useTheme };