aura-glass 2.1.2 → 2.1.4

package/README.md

@@ -28,7 +28,7 @@ A new class of interface deserves more than a component library. AuraGlass sense
 
 ## What’s New in 2.1
 ### Design Matrix Persona System
-AuraGlass 2.1 introduces the Design Matrix: a canonical system of ten personas (Midnight Slate, Midnight Meridian, Solar Apex, Ultrathink, Aurora Noir, Helios Foundry, Glacier Morn, Terra Inflect, Lumen Veil, Nimbus Relay) that power runtime theming, metadata, and adaptive styling. Each persona defines semantic tokens for backgrounds, text, borders, accents, states, shadows, gradients, and charts, ensuring cohesive experiences across applications.
+AuraGlass 2.1 introduces the Design Matrix: a canonical system of ten personas (Midnight Slate, Midnight Meridian, Solar Apex, Violet Nebula, Aurora Noir, Helios Foundry, Glacier Morn, Terra Inflect, Lumen Veil, Nimbus Relay) that power runtime theming, metadata, and adaptive styling. Each persona defines semantic tokens for backgrounds, text, borders, accents, states, shadows, gradients, and charts, ensuring cohesive experiences across applications.
 
 **Key Features:**
 - **Canonical Dataset:** Defined in `src/theme/designMatrix.ts`, personas include metadata (name, description, context) and tokens for colors, typography, motion, and glassmorphism parameters.
@@ -39,9 +39,7 @@ AuraGlass 2.1 introduces the Design Matrix: a canonical system of ten personas (
 
 **Usage Example:**
 ```tsx
-import { ThemeProvider } from 'aura-glass';
-import { PersonaPicker } from 'aura-glass';
-import { usePersonaTheme } from 'aura-glass';
+import { ThemeProvider, PersonaPicker, usePersonaTheme } from 'aura-glass';
 
 function App({ children }) {
   return (
@@ -154,6 +152,25 @@ export function App({ children }) {
 }
 ```
 
+**Step 5 – Design tokens & Tailwind helpers**
+```ts
+import auraTokens, { personas } from 'aura-glass/tokens';
+
+console.log(auraTokens.version); // 1.0.0
+console.log(personas[0].metadata.displayName);
+```
+
+```ts
+// tailwind.config.ts
+import type { Config } from 'tailwindcss';
+import theme from 'aura-glass/tokens/tailwind';
+
+export default {
+  content: ['./src/**/*.{ts,tsx}'],
+  theme,
+} satisfies Config;
+```
+
 > After adjusting personas inside `src/theme/designMatrix.ts`, run `npm run glass:generate-persona-css` (and `npm run glass:validate-persona-css` in CI) to regenerate `[data-persona]` variables at `src/styles/generated/persona-variables.css`.
 
 ## Use AuraGlass

package/dist/components/charts/hooks/useQualityTier.d.ts

@@ -20,7 +20,7 @@ export declare function useChartPerformanceMonitoring(enabled?: boolean): {
     endMeasurement: (label: string) => number;
 };
 export declare function useAdaptiveQuality(initialTier?: ChartQualityTier['tier'], enabled?: boolean): {
-    currentTier: "medium" | "low" | "high" | "ultra";
+    currentTier: "ultra" | "high" | "medium" | "low";
     updateQualityBasedOnPerformance: (renderTime: number, targetFPS?: number) => void;
 };
 export declare function getQualityBasedPhysicsParams(qualityTier: ChartQualityTier['tier']): PhysicsParams;

package/dist/hooks/useGlassOptimization.d.ts

@@ -21,7 +21,7 @@ export interface OptimizedGlassStyles {
 export declare function useGlassOptimization(baseOptions?: GlassOptions, config?: GlassOptimizationConfig): {
     optimizedOptions: GlassOptions;
     optimizedStyles: OptimizedGlassStyles;
-    performanceMode: "low" | "high" | "balanced";
+    performanceMode: "high" | "low" | "balanced";
     isHighPerformance: boolean;
     isLowPerformance: boolean;
     shouldReduceEffects: boolean;