@rainersoft/design-tokens 2.0.0 → 2.3.1

package/dist/index.d.ts

@@ -264,6 +264,14 @@ var colors$1 = {
 			"900": "#171717",
 			"950": "#0a0a0f"
 		}
+	},
+	effects: {
+		matrixRain: {
+			base: "#fbbf24"
+		},
+		stars: {
+			base: "#00e6ff"
+		}
 	}
 };
 var lightColors = {
@@ -566,7 +574,7 @@ var darkColors = {
 	colors: colors
 };
 
-var typography = {
+var typography$1 = {
 	fontFamily: {
 		sans: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
 		serif: "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
@@ -826,11 +834,11 @@ var typography = {
 		}
 	}
 };
-var typography$1 = {
-	typography: typography
+var typography = {
+	typography: typography$1
 };
 
-var spacing = {
+var spacing$2 = {
 	"0": "0px",
 	"1": "0.25rem",
 	"2": "0.5rem",
@@ -868,10 +876,10 @@ var spacing = {
 	"3.5": "0.875rem"
 };
 var spacing$1 = {
-	spacing: spacing
+	spacing: spacing$2
 };
 
-var radius = {
+var radius$2 = {
 	none: "0px",
 	sm: "0.125rem",
 	base: "0.25rem",
@@ -883,10 +891,10 @@ var radius = {
 	full: "9999px"
 };
 var radius$1 = {
-	radius: radius
+	radius: radius$2
 };
 
-var shadows = {
+var shadows$1 = {
 	light: {
 		xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
 		sm: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
@@ -914,11 +922,11 @@ var shadows = {
 		}
 	}
 };
-var shadows$1 = {
-	shadows: shadows
+var shadows = {
+	shadows: shadows$1
 };
 
-var animations = {
+var animations$1 = {
 	"accordion-down": {
 		name: "accordion-down",
 		duration: "0.2s",
@@ -1057,11 +1065,11 @@ var animations = {
 		}
 	}
 };
-var animations$1 = {
-	animations: animations
+var animations = {
+	animations: animations$1
 };
 
-var motion = {
+var motion$1 = {
 	duration: {
 		instant: "0ms",
 		fast: "100ms",
@@ -1090,11 +1098,11 @@ var motion = {
 		long: "200ms"
 	}
 };
-var motion$1 = {
-	motion: motion
+var motion = {
+	motion: motion$1
 };
 
-var breakpoints = {
+var breakpoints$1 = {
 	xs: "0px",
 	sm: "640px",
 	md: "768px",
@@ -1103,10 +1111,10 @@ var breakpoints = {
 	"2xl": "1536px",
 	"3xl": "1920px"
 };
-var breakpoints$1 = {
-	breakpoints: breakpoints};
+var breakpoints = {
+	breakpoints: breakpoints$1};
 
-var zIndex = {
+var zIndex$1 = {
 	base: 0,
 	dropdown: 1000,
 	sticky: 1020,
@@ -1119,8 +1127,8 @@ var zIndex = {
 	notification: 1090,
 	max: 9999
 };
-var zIndex$1 = {
-	zIndex: zIndex};
+var zIndex = {
+	zIndex: zIndex$1};
 
 /**
  * @fileoverview Tokens utilitários - Classes Tailwind CSS
@@ -1828,8 +1836,9 @@ declare function validateContrast(foreground: string, background: string, option
  * do Rainer Design System. Estes tokens podem ser utilizados em qualquer
  * framework ou tecnologia, garantindo consistência visual.
  *
- * @module tokens
- * @version 2.0.0
+ * @module @rainersoft/design-tokens/tokens
+ * @version 2.2.0
+ * @license MIT
  * @author Rainer Teixeira
  * @since 1.0.0
  */
@@ -2134,6 +2143,14 @@ declare const tokens: {
                     "950": string;
                 };
             };
+            effects: {
+                matrixRain: {
+                    base: string;
+                };
+                stars: {
+                    base: string;
+                };
+            };
         };
         readonly dark: {
             primary: {
@@ -3531,6 +3548,14 @@ declare const lightThemeColors: {
             "950": string;
         };
     };
+    effects: {
+        matrixRain: {
+            base: string;
+        };
+        stars: {
+            base: string;
+        };
+    };
 };
 /**
  * Cores do tema escuro
@@ -4811,7 +4836,7 @@ type DarkColors = typeof darkColors.colors;
  * @description
  * Tipo que representa todos os tokens de tipografia.
  */
-type Typography = typeof typography$1.typography;
+type Typography = typeof typography.typography;
 /**
  * Tipo TypeScript para tokens de espaçamento
  *
@@ -4835,7 +4860,7 @@ type Radius = typeof radius$1.radius;
  * @description
  * Tipo que representa todos os tokens de sombras.
  */
-type Shadows = typeof shadows$1.shadows;
+type Shadows = typeof shadows.shadows;
 /**
  * Tipo TypeScript para tokens de animações
  *
@@ -4843,7 +4868,7 @@ type Shadows = typeof shadows$1.shadows;
  * @description
  * Tipo que representa todos os tokens de animações.
  */
-type Animations = typeof animations$1.animations;
+type Animations = typeof animations.animations;
 /**
  * Tipo TypeScript para tokens de motion
  *
@@ -4851,7 +4876,7 @@ type Animations = typeof animations$1.animations;
  * @description
  * Tipo que representa todos os tokens de motion.
  */
-type Motion = typeof motion$1.motion;
+type Motion = typeof motion.motion;
 /**
  * Tipo TypeScript para tokens de breakpoints
  *
@@ -4859,7 +4884,7 @@ type Motion = typeof motion$1.motion;
  * @description
  * Tipo que representa todos os tokens de breakpoints responsivos.
  */
-type Breakpoints = typeof breakpoints$1.breakpoints;
+type Breakpoints = typeof breakpoints.breakpoints;
 /**
  * Tipo TypeScript para tokens de z-index
  *
@@ -4867,7 +4892,7 @@ type Breakpoints = typeof breakpoints$1.breakpoints;
  * @description
  * Tipo que representa todos os tokens de z-index.
  */
-type ZIndex = typeof zIndex$1.zIndex;
+type ZIndex = typeof zIndex.zIndex;
 
 /**
  * @fileoverview Tema Claro - Rainer Design System
@@ -5188,6 +5213,14 @@ declare const lightTheme: {
                 "950": string;
             };
         };
+        effects: {
+            matrixRain: {
+                base: string;
+            };
+            stars: {
+                base: string;
+            };
+        };
     };
     readonly typography: {
         fontFamily: {
@@ -6512,6 +6545,14 @@ declare const themes: {
                     "950": string;
                 };
             };
+            effects: {
+                matrixRain: {
+                    base: string;
+                };
+                stars: {
+                    base: string;
+                };
+            };
         };
         readonly typography: {
             fontFamily: {
@@ -7461,4 +7502,984 @@ declare const themes: {
  */
 type Themes = typeof themes;
 
-export { type Animations, BACKGROUND, type Background, type Breakpoints, COLORS, type Colors, type DarkColors, type DarkTheme, GRADIENTS, GRADIENT_COLORS, GRADIENT_COMPOSITES, GRADIENT_DIRECTIONS, type GradientColors, type GradientComposites, type GradientDirections, type Gradients, type LightColors, type LightTheme, MOTION, type Motion, NAVIGATION, type Navigation, RESPONSIVE, type Radius, SHADOWS, type Shadows, type Spacing, type Themes, type Tokens, type Typography, type ZIndex, Z_INDEX, animationTokens, breakpointTokens, componentTokens, darkTheme, darkThemeColors, effectTokens, getContrast, getContrastInfo, getLuminance, hexToRgb, lightTheme, lightThemeColors, meetsWCAGAA, meetsWCAGAAA, motionTokens, radiusTokens, shadowTokens, spacingTokens, themes, tokens, typographyTokens, validateContrast, zIndexTokens };
+/**
+ * Design Tokens Helpers
+ *
+ * Funções utilitárias para facilitar o uso dos design tokens.
+ * Fornece helpers para acessar cores, espaçamentos, tipografia, etc.
+ *
+ * @module @rainersoft/design-tokens/helpers
+ * @author Rainer Teixeira
+ */
+
+/**
+ * Obtém cores do tema claro
+ */
+declare function getLightColors(): {
+    primary: {
+        base: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        focus: string;
+        background: string;
+        backgroundHover: string;
+        backgroundActive: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        text: string;
+        textHover: string;
+        textDisabled: string;
+    };
+    secondary: {
+        base: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        focus: string;
+        background: string;
+        backgroundHover: string;
+        backgroundActive: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        text: string;
+        textHover: string;
+        textDisabled: string;
+    };
+    accent: {
+        base: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        focus: string;
+        background: string;
+        backgroundHover: string;
+        backgroundActive: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        text: string;
+        textHover: string;
+        textDisabled: string;
+    };
+    background: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        overlay: string;
+        muted: string;
+    };
+    surface: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        elevated: string;
+        overlay: string;
+        hover: string;
+        active: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        disabled: string;
+        link: string;
+        linkHover: string;
+        linkActive: string;
+        linkVisited: string;
+        onPrimary: string;
+        onSecondary: string;
+        onAccent: string;
+        onBackground: string;
+        onSurface: string;
+    };
+    border: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        focus: string;
+        focusRing: string;
+        inverse: string;
+        hover: string;
+        active: string;
+        disabled: string;
+    };
+    status: {
+        success: {
+            base: string;
+            hover: string;
+            active: string;
+            background: string;
+            backgroundHover: string;
+            border: string;
+            text: string;
+            textOnBackground: string;
+        };
+        warning: {
+            base: string;
+            hover: string;
+            active: string;
+            background: string;
+            backgroundHover: string;
+            border: string;
+            text: string;
+            textOnBackground: string;
+        };
+        error: {
+            base: string;
+            hover: string;
+            active: string;
+            background: string;
+            backgroundHover: string;
+            border: string;
+            text: string;
+            textOnBackground: string;
+        };
+        info: {
+            base: string;
+            hover: string;
+            active: string;
+            background: string;
+            backgroundHover: string;
+            border: string;
+            text: string;
+            textOnBackground: string;
+        };
+    };
+    interactive: {
+        default: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        disabledText: string;
+        focus: string;
+        focusRing: string;
+    };
+    primitive: {
+        cyan: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        purple: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        pink: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        blue: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        green: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        orange: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        red: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        amber: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        emerald: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        neutral: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "950": string;
+        };
+    };
+    effects: {
+        matrixRain: {
+            base: string;
+        };
+        stars: {
+            base: string;
+        };
+    };
+};
+/**
+ * Obtém cores do tema escuro
+ */
+declare function getDarkColors(): {
+    primary: {
+        base: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        focus: string;
+        background: string;
+        backgroundHover: string;
+        backgroundActive: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        text: string;
+        textHover: string;
+        textDisabled: string;
+    };
+    secondary: {
+        base: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        focus: string;
+        background: string;
+        backgroundHover: string;
+        backgroundActive: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        text: string;
+        textHover: string;
+        textDisabled: string;
+    };
+    accent: {
+        base: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        focus: string;
+        background: string;
+        backgroundHover: string;
+        backgroundActive: string;
+        border: string;
+        borderHover: string;
+        borderFocus: string;
+        text: string;
+        textHover: string;
+        textDisabled: string;
+    };
+    background: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        overlay: string;
+        muted: string;
+    };
+    surface: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        elevated: string;
+        overlay: string;
+        glass: string;
+        glassHover: string;
+        hover: string;
+        active: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+        disabled: string;
+        link: string;
+        linkHover: string;
+        linkActive: string;
+        linkVisited: string;
+        onPrimary: string;
+        onSecondary: string;
+        onAccent: string;
+        onBackground: string;
+        onSurface: string;
+        glow: string;
+        neonCyan: string;
+        neonPink: string;
+        neonPurple: string;
+        neonGreen: string;
+    };
+    border: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        focus: string;
+        focusRing: string;
+        inverse: string;
+        neon: string;
+        neonGlow: string;
+        hover: string;
+        active: string;
+        disabled: string;
+    };
+    status: {
+        success: {
+            base: string;
+            hover: string;
+            active: string;
+            background: string;
+            backgroundHover: string;
+            border: string;
+            text: string;
+            textOnBackground: string;
+        };
+        warning: {
+            base: string;
+            hover: string;
+            active: string;
+            background: string;
+            backgroundHover: string;
+            border: string;
+            text: string;
+            textOnBackground: string;
+        };
+        error: {
+            base: string;
+            hover: string;
+            active: string;
+            background: string;
+            backgroundHover: string;
+            border: string;
+            text: string;
+            textOnBackground: string;
+        };
+        info: {
+            base: string;
+            hover: string;
+            active: string;
+            background: string;
+            backgroundHover: string;
+            border: string;
+            text: string;
+            textOnBackground: string;
+        };
+    };
+    interactive: {
+        default: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        disabledText: string;
+        focus: string;
+        focusRing: string;
+    };
+    effects: {
+        glowCyan: string;
+        glowPink: string;
+        glowPurple: string;
+        glowGreen: string;
+        shadowSm: string;
+        shadowMd: string;
+        shadowLg: string;
+    };
+    gradients: {
+        primary: string;
+        secondary: string;
+        accent: string;
+        background: string;
+    };
+    primitive: {
+        cyan: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        purple: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        pink: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        blue: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        green: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        orange: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        red: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        amber: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        emerald: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        neutral: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+            "950": string;
+        };
+    };
+};
+/**
+ * Obtém espaçamento do sistema de design
+ */
+declare function getSpacing(): {
+    "0": string;
+    px: string;
+    "0.5": string;
+    "1": string;
+    "1.5": string;
+    "2": string;
+    "2.5": string;
+    "3": string;
+    "3.5": string;
+    "4": string;
+    "5": string;
+    "6": string;
+    "7": string;
+    "8": string;
+    "9": string;
+    "10": string;
+    "11": string;
+    "12": string;
+    "14": string;
+    "16": string;
+    "20": string;
+    "24": string;
+    "28": string;
+    "32": string;
+    "36": string;
+    "40": string;
+    "44": string;
+    "48": string;
+    "52": string;
+    "56": string;
+    "60": string;
+    "64": string;
+    "72": string;
+    "80": string;
+    "96": string;
+};
+/**
+ * Obtém tipografia do sistema de design
+ */
+declare function getTypography(): {
+    fontFamily: {
+        sans: string;
+        serif: string;
+        mono: string;
+        display: string;
+        body: string;
+        code: string;
+    };
+    fontSize: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    fontWeight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    lineHeight: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+    };
+    letterSpacing: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    headings: {
+        h1: {
+            fontFamily: string;
+            fontSize: string;
+            fontSizeMobile: string;
+            fontSizeTablet: string;
+            fontSizeDesktop: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+        h2: {
+            fontFamily: string;
+            fontSize: string;
+            fontSizeMobile: string;
+            fontSizeTablet: string;
+            fontSizeDesktop: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+        h3: {
+            fontFamily: string;
+            fontSize: string;
+            fontSizeMobile: string;
+            fontSizeTablet: string;
+            fontSizeDesktop: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+        h4: {
+            fontFamily: string;
+            fontSize: string;
+            fontSizeMobile: string;
+            fontSizeTablet: string;
+            fontSizeDesktop: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+        h5: {
+            fontFamily: string;
+            fontSize: string;
+            fontSizeMobile: string;
+            fontSizeTablet: string;
+            fontSizeDesktop: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+        h6: {
+            fontFamily: string;
+            fontSize: string;
+            fontSizeMobile: string;
+            fontSizeTablet: string;
+            fontSizeDesktop: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+    };
+    subtitle: {
+        large: {
+            fontFamily: string;
+            fontSize: string;
+            fontSizeMobile: string;
+            fontSizeTablet: string;
+            fontSizeDesktop: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontSize: string;
+            fontSizeMobile: string;
+            fontSizeTablet: string;
+            fontSizeDesktop: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+        small: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+            marginBottom: string;
+        };
+    };
+    body: {
+        large: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        small: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    caption: {
+        large: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        small: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    button: {
+        large: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        small: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    label: {
+        large: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        medium: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        small: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+    code: {
+        inline: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+        block: {
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            letterSpacing: string;
+        };
+    };
+};
+/**
+ * Obtém raios de borda do sistema de design
+ */
+declare function getRadius(): {
+    none: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    full: string;
+};
+/**
+ * Obtém sombras do sistema de design
+ */
+declare function getShadows(theme?: 'light' | 'dark'): {
+    xs: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    inner: string;
+} | {
+    xs: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    inner: string;
+    glow: {
+        cyan: string;
+        pink: string;
+        purple: string;
+        green: string;
+    };
+};
+/**
+ * Helper para obter valor de espaçamento
+ */
+declare function spacing(size: keyof Tokens['spacing']): string;
+/**
+ * Helper para obter valor de raio de borda
+ */
+declare function radius(size: keyof Tokens['radius']): string;
+
+/**
+ * @fileoverview Ponto de entrada principal da biblioteca @rainersoft/design-tokens
+ *
+ * @description
+ * Biblioteca enterprise-grade de design tokens para sistemas de design modernos.
+ * Tecnologicamente agnóstica, escalável e pronta para produção.
+ *
+ * Esta biblioteca fornece tokens de design estruturados que podem ser utilizados
+ * em qualquer framework ou tecnologia, garantindo consistência visual em toda
+ * a aplicação.
+ *
+ * @module @rainersoft/design-tokens
+ * @version 2.2.0
+ * @author Rainer Teixeira
+ * @license MIT
+ * @since 1.0.0
+ *
+ * @example
+ * ```typescript
+ * import { tokens, themes, lightTheme, darkTheme } from '@rainersoft/design-tokens';
+ *
+ * // Usar tokens diretamente
+ * const primaryColor = tokens.colors.light.brand.primary;
+ *
+ * // Usar temas completos
+ * const theme = lightTheme;
+ * ```
+ */
+
+/**
+ * CSS Variables para temas dinâmicos
+ *
+ * @description
+ * Importa o arquivo CSS com as variáveis de design para uso direto
+ *
+ * @example
+ * ```typescript
+ * import '@rainersoft/design-tokens/css-vars.css';
+ * ```
+ */
+declare const cssVarsPath = "./src/css-vars.css";
+
+export { type Animations, BACKGROUND, type Background, type Breakpoints, COLORS, type Colors, type DarkColors, type DarkTheme, GRADIENTS, GRADIENT_COLORS, GRADIENT_COMPOSITES, GRADIENT_DIRECTIONS, type GradientColors, type GradientComposites, type GradientDirections, type Gradients, type LightColors, type LightTheme, MOTION, type Motion, NAVIGATION, type Navigation, RESPONSIVE, type Radius, SHADOWS, type Shadows, type Spacing, type Themes, type Tokens, type Typography, type ZIndex, Z_INDEX, animationTokens, breakpointTokens, componentTokens, cssVarsPath, darkTheme, darkThemeColors, effectTokens, getContrast, getContrastInfo, getDarkColors, getLightColors, getLuminance, getRadius, getShadows, getSpacing, getTypography, hexToRgb, lightTheme, lightThemeColors, meetsWCAGAA, meetsWCAGAAA, motionTokens, radius, radiusTokens, shadowTokens, spacing, spacingTokens, themes, tokens, typographyTokens, validateContrast, zIndexTokens };