@elevasis/ui 1.20.0 → 1.20.1

package/dist/theme/index.d.ts

@@ -1,10 +1,148 @@
-export { getPreset, generateShades, presets } from './presets';
-export type { ThemePreset, PresetName, FrameworkThemeOverrides } from './presets';
-export type { ColorShadesTuple } from './presets/utils';
-export { createCssVariablesResolver, TOKEN_VAR_MAP } from './cssVariables';
-export { mantineThemeOverride } from './MantineThemeOverride';
-export { componentThemes } from './componentThemes';
-export { PresetsProvider, usePresetsContext } from './PresetsContext';
-export { useAvailablePresets } from './useAvailablePresets';
-export type { PresetEntry } from './useAvailablePresets';
-//# sourceMappingURL=index.d.ts.map
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { CSSVariablesResolver, MantineThemeOverride } from '@mantine/core';
+
+/** Flat + per-scheme override pattern. Flat values apply to both; `light`/`dark` win over flat. */
+type WithSchemes<T> = T & {
+    light?: T;
+    dark?: T;
+};
+/**
+ * Theme token overrides. Each key maps 1:1 to a CSS variable.
+ * All optional — defaults come from Elevasis design system.
+ */
+interface ElevasisTokenOverrides {
+    primary?: string;
+    /** Text color that contrasts with `primary`. Defaults to '#fff'. */
+    primaryContrast?: string;
+    background?: string;
+    surface?: string;
+    surfaceHover?: string;
+    text?: string;
+    textDimmed?: string;
+    textSubtle?: string;
+    border?: string;
+    error?: string;
+    warning?: string;
+    success?: string;
+    glassBackground?: string;
+    glassBlur?: string;
+    shadow?: string;
+    cardShadow?: string;
+    durationFast?: string;
+    durationNormal?: string;
+    easing?: string;
+    /** Foreground text color for destructive/error buttons. Defaults to '#fff'. */
+    destructiveFg?: string;
+    /** Heading font family — used for titles, section headers. */
+    fontHeading?: string;
+    /** Body font family — used for general text. */
+    fontSans?: string;
+}
+/**
+ * Core theme config — Mantine-free.
+ * Used by ElevasisCoreProvider and as the base for ElevasisThemeConfig.
+ */
+interface ElevasisCoreThemeConfig {
+    /** Color scheme: 'light', 'dark', or 'auto'. Defaults to 'dark'. */
+    colorScheme?: 'light' | 'dark' | 'auto';
+    /** Named preset — bundles light/dark token defaults. Defaults to 'default'. Accepts built-in PresetName or custom preset key. */
+    preset?: PresetName | (string & {});
+    /**
+     * Semantic token overrides fed into CSS variables.
+     * Flat values apply to both schemes. `light`/`dark` nested values win over flat.
+     */
+    tokens?: WithSchemes<ElevasisTokenOverrides>;
+    /** Custom presets map — when provided, used instead of built-in presets. Typically `{ ...presets, ...customPresets }`. */
+    presets?: Record<string, ThemePreset>;
+}
+
+/** Framework-agnostic theme overrides bundled with a preset (fonts, radius, component styles). */
+interface FrameworkThemeOverrides {
+    fontFamily?: string;
+    defaultRadius?: string;
+    headings?: {
+        fontFamily?: string;
+        fontWeight?: string;
+    };
+    components?: Record<string, unknown>;
+}
+interface ThemePreset {
+    light: Required<ElevasisTokenOverrides>;
+    dark: Required<ElevasisTokenOverrides>;
+    /** Optional framework theme overrides bundled with this preset (fonts, radius, etc.). */
+    framework?: FrameworkThemeOverrides;
+    /**
+     * Subtitle font family — used for card names, section labels, and nav items.
+     * Sits between heading and body in the typographic hierarchy.
+     */
+    subtitleFontFamily?: string;
+    /** Google Fonts URLs to load when this preset is active. */
+    fontImports?: string[];
+    /** Display label for settings UI (e.g. "Tactical"). Built-in presets define this; custom presets must provide it. */
+    label?: string;
+    /** Short description for settings UI (e.g. "Tactical command center aesthetic"). */
+    description?: string;
+    /** Three representative hex colors for swatch display: [primary, dark-bg, light-bg]. */
+    colors?: [string, string, string];
+    /**
+     * Background layers rendered behind app content when this preset is active.
+     * Overridden by `theme.background` on the provider if both are set.
+     */
+    background?: ReactNode;
+    /**
+     * Loader element used in loading states when this preset is active.
+     * Overridden by `theme.loader` on the provider if both are set.
+     */
+    loader?: ReactNode;
+}
+type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'honey' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-punk' | 'cyber-void' | 'nirvana' | 'wave' | 'synapse' | 'cortex' | 'helios' | 'graphite';
+
+/** 10-shade color tuple (light → dark), compatible with Mantine's color format. */
+type ColorShadesTuple = [string, string, string, string, string, string, string, string, string, string];
+/**
+ * Generate a 10-shade Mantine color tuple from a single hex color.
+ * Input color maps to shade 6 (Mantine's default primary shade).
+ * Shades 0-5 are progressively lighter, 7-9 are progressively darker.
+ */
+declare function generateShades(hex: string): ColorShadesTuple;
+
+declare const PRESETS: Record<PresetName, ThemePreset>;
+
+/** Look up a preset by name. Falls back to default preset for unknown names. */
+declare function getPreset(name: PresetName | (string & {}), presetsMap?: Record<string, ThemePreset>): ThemePreset;
+
+/** Token key → CSS variable name. Single source of truth for the mapping. */
+declare const TOKEN_VAR_MAP: Record<keyof ElevasisTokenOverrides, string>;
+/**
+ * Creates a CSS variables resolver from theme config.
+ *
+ * Merge order per scheme: PRESET_DEFAULTS → flat overrides → scheme-specific overrides
+ */
+declare function createCssVariablesResolver(tokens?: ElevasisCoreThemeConfig['tokens'], preset?: PresetName | (string & {}), presetsMap?: Record<string, ThemePreset>): CSSVariablesResolver;
+
+declare const mantineThemeOverride: MantineThemeOverride;
+
+declare const componentThemes: MantineThemeOverride['components'];
+
+declare const PresetsProvider: react.Provider<Record<string, ThemePreset>>;
+declare function usePresetsContext(): Record<string, ThemePreset>;
+
+/** Preset entry with display metadata for settings UI. */
+interface PresetEntry {
+    /** Preset key (e.g. 'tactical', 'my-custom-brand'). */
+    value: string;
+    /** Display label (e.g. 'Tactical'). Falls back to titlecased key. */
+    label: string;
+    /** Short description. Falls back to empty string. */
+    description: string;
+    /** Three representative hex colors for swatch: [primary, dark-bg, light-bg]. Falls back to preset's dark/light primary + backgrounds. */
+    colors: [string, string, string];
+    /** True for presets not in the built-in PresetName union. */
+    isCustom: boolean;
+}
+/** Returns all available presets as UI-ready entries. */
+declare function useAvailablePresets(): PresetEntry[];
+
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, useAvailablePresets, usePresetsContext };
+export type { ColorShadesTuple, FrameworkThemeOverrides, PresetEntry, PresetName, ThemePreset };

package/dist/theme/index.js

@@ -1,3 +1,3 @@
-export { useAvailablePresets } from '../chunk-Z2BXCFAG.js';
-export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-BX565EOK.js';
-import '../chunk-ACD2QA6E.js';
+export { useAvailablePresets } from '../chunk-COTI2QPO.js';
+export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-OFAXUZPZ.js';
+import '../chunk-3DIU726S.js';

package/dist/theme/presets/__tests__/getPreset.test.js

@@ -0,0 +1,92 @@
+import { describe, it, expect } from 'vitest';
+import { getPreset } from '../index';
+const ALL_PRESETS = [
+    'default',
+    'tactical',
+    'regal',
+    'cyber-volt',
+    'aurora',
+    'rose-gold',
+    'midnight',
+    'ember',
+    'honey',
+    'canopy',
+    'slate',
+    'cyber-strike',
+    'cyber-punk',
+    'cyber-void',
+    'nirvana',
+    'wave',
+    'synapse',
+    'cortex',
+    'helios',
+    'graphite'
+];
+/** Verify a preset has the required shape to prevent runtime crashes. */
+function assertValidPreset(preset, name) {
+    expect(preset, `${name}: preset is defined`).toBeDefined();
+    expect(preset.light, `${name}: has light tokens`).toBeDefined();
+    expect(preset.dark, `${name}: has dark tokens`).toBeDefined();
+    expect(preset.light.primary, `${name}: light.primary`).toBeTruthy();
+    expect(preset.dark.primary, `${name}: dark.primary`).toBeTruthy();
+}
+describe('getPreset', () => {
+    it.each(ALL_PRESETS)('returns a valid preset for "%s"', (name) => {
+        const preset = getPreset(name);
+        assertValidPreset(preset, name);
+    });
+    it('falls back to default preset for unknown names', () => {
+        const fallback = getPreset('nonexistent-theme');
+        const defaultPreset = getPreset('default');
+        expect(fallback).toBe(defaultPreset);
+    });
+    it('falls back to default preset for empty string', () => {
+        const fallback = getPreset('');
+        const defaultPreset = getPreset('default');
+        expect(fallback).toBe(defaultPreset);
+    });
+    it('every preset has fontImports array (prevents fontImports crash)', () => {
+        for (const name of ALL_PRESETS) {
+            const preset = getPreset(name);
+            // fontImports is optional in the type, but every real preset should define it
+            // to avoid confusion — verify they all have it
+            expect(Array.isArray(preset.fontImports), `${name}: fontImports is array`).toBe(true);
+            expect(preset.fontImports.length, `${name}: has at least one font import`).toBeGreaterThan(0);
+        }
+    });
+    it('every preset has subtitleFontFamily', () => {
+        for (const name of ALL_PRESETS) {
+            const preset = getPreset(name);
+            expect(preset.subtitleFontFamily, `${name}: subtitleFontFamily`).toBeTruthy();
+        }
+    });
+    it('all required token keys are present in light and dark', () => {
+        const requiredKeys = [
+            'primary',
+            'background',
+            'surface',
+            'surfaceHover',
+            'text',
+            'textDimmed',
+            'textSubtle',
+            'border',
+            'error',
+            'warning',
+            'success',
+            'glassBackground',
+            'glassBlur',
+            'shadow',
+            'cardShadow',
+            'durationFast',
+            'durationNormal',
+            'easing'
+        ];
+        for (const name of ALL_PRESETS) {
+            const preset = getPreset(name);
+            for (const key of requiredKeys) {
+                expect(preset.light[key], `${name}.light.${key}`).toBeTruthy();
+                expect(preset.dark[key], `${name}.dark.${key}`).toBeTruthy();
+            }
+        }
+    });
+});

package/dist/theme/presets/cyber-volt.js

@@ -0,0 +1,70 @@
+import { createElement } from 'react';
+import { CyberBackground } from '../../components/layout/backgrounds/CyberBackground';
+/**
+ * Cyber-Volt preset — electric, neon-soaked, futuristic.
+ * Design: deep black base, electric cyan accent, neon micro-glow effects.
+ * Evokes: sci-fi interfaces, hacker terminals, retro-futurism.
+ *
+ * Bundled background: `CyberBackground` variant `volt` — default layers plus
+ * a circuit-board data flow (SVG traces with animated dash pulses + pulsing
+ * circuit nodes).
+ */
+export const cyberVoltPreset = {
+    background: createElement(CyberBackground, { variant: 'volt' }),
+    light: {
+        primary: '#0097A7',
+        primaryContrast: '#ffffff',
+        background: '#F5FAFB',
+        surface: 'transparent',
+        surfaceHover: 'rgba(0, 151, 167, 0.08)',
+        text: '#0A0E14',
+        textDimmed: '#2E3A4D',
+        textSubtle: '#556680',
+        border: 'rgba(10, 14, 20, 0.08)',
+        error: '#FF1744',
+        warning: '#FF9100',
+        success: '#00E676',
+        glassBackground: 'rgba(245, 250, 251, 0.25)',
+        glassBlur: 'blur(8px) saturate(180%)',
+        shadow: '0px 2px 6px rgba(0, 0, 0, 0.05), 0px 20px 48px -8px rgba(0, 0, 0, 0.14)',
+        cardShadow: 'inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(0, 0, 0, 0.03), 0 8px 24px -8px rgba(0, 0, 0, 0.06), 0 20px 48px -16px rgba(0, 0, 0, 0.04)',
+        durationFast: '80ms',
+        durationNormal: '160ms',
+        easing: 'cubic-bezier(0.16, 1, 0.3, 1)',
+        destructiveFg: '#ffffff',
+        fontHeading: '"Chakra Petch", sans-serif',
+        fontSans: '"Chakra Petch", sans-serif'
+    },
+    dark: {
+        primary: '#00A8BD',
+        primaryContrast: '#001418',
+        background: '#030506',
+        surface: 'transparent',
+        surfaceHover: 'rgba(0, 229, 255, 0.06)',
+        text: '#E0F7FA',
+        textDimmed: '#80DEEA',
+        textSubtle: '#5E8A94',
+        border: 'rgba(0, 229, 255, 0.14)',
+        error: '#FF1744',
+        warning: '#FF9100',
+        success: '#00E676',
+        glassBackground: 'rgba(6, 14, 20, 0.4)',
+        glassBlur: 'blur(14px) saturate(200%)',
+        shadow: '0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3), 0 16px 36px -14px rgba(0, 0, 0, 0.4)',
+        cardShadow: 'inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 0 1px rgba(0, 229, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.6), 0 4px 10px rgba(0, 0, 0, 0.35), 0 14px 28px -10px rgba(0, 0, 0, 0.45), 0 24px 48px -18px rgba(0, 0, 0, 0.35)',
+        durationFast: '80ms',
+        durationNormal: '160ms',
+        easing: 'cubic-bezier(0.16, 1, 0.3, 1)',
+        destructiveFg: '#ffffff',
+        fontHeading: '"Chakra Petch", sans-serif',
+        fontSans: '"Chakra Petch", sans-serif'
+    },
+    subtitleFontFamily: '"Chakra Petch", sans-serif',
+    framework: {
+        fontFamily: '"Chakra Petch", sans-serif',
+        headings: {
+            fontFamily: '"Chakra Petch", sans-serif'
+        }
+    },
+    fontImports: ['https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&display=swap']
+};

package/dist/theme/presets/regal.js

@@ -0,0 +1,69 @@
+/**
+ * Regal preset — luxurious, commanding, distinguished.
+ * Design: deep black base, rich gold accent, elegant serif headings.
+ * Evokes: royal courts, gilt architecture, fine craftsmanship.
+ */
+export const regalPreset = {
+    light: {
+        primary: '#B8922F',
+        primaryContrast: '#ffffff',
+        background: '#F0F0F2',
+        surface: '#F7F7F8',
+        surfaceHover: '#E9E9EB',
+        text: '#2E2E30',
+        textDimmed: '#50505A',
+        textSubtle: '#8E8E96',
+        border: '#CCCCD2',
+        error: '#A83232',
+        warning: '#B87A1A',
+        success: '#3A7A3A',
+        glassBackground: 'rgba(247, 247, 248, 0.6)',
+        glassBlur: 'blur(12px)',
+        shadow: '0px 2px 6px -2px rgba(20, 20, 20, 0.12)',
+        cardShadow: 'inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 2px 4px rgba(20, 20, 20, 0.06), 0 4px 8px rgba(20, 20, 20, 0.04)',
+        durationFast: '180ms',
+        durationNormal: '320ms',
+        easing: 'cubic-bezier(0.25, 0.1, 0.25, 1)',
+        destructiveFg: '#ffffff',
+        fontHeading: '"Cinzel", serif',
+        fontSans: '"Inter", sans-serif'
+    },
+    dark: {
+        primary: '#AE8730',
+        primaryContrast: '#1A1400',
+        background: '#000000',
+        surface: '#0E0E0E',
+        surfaceHover: '#181818',
+        text: '#F5EEE0',
+        textDimmed: '#C8BA98',
+        textSubtle: '#A89880',
+        border: '#1D1D1D',
+        error: '#E05252',
+        warning: '#D4943C',
+        success: '#4AA84A',
+        glassBackground: 'rgba(14, 14, 14, 0.6)',
+        glassBlur: 'blur(14px)',
+        shadow: '0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)',
+        cardShadow: 'inset 0 1px 0 rgba(212, 168, 67, 0.08), inset 0 0 0 1px rgba(212, 168, 67, 0.04), 0 2px 8px rgba(0, 0, 0, 0.4), 0 12px 32px -8px rgba(0, 0, 0, 0.5), 0 32px 64px -16px rgba(0, 0, 0, 0.4)',
+        durationFast: '180ms',
+        durationNormal: '320ms',
+        easing: 'cubic-bezier(0.25, 0.1, 0.25, 1)',
+        destructiveFg: '#ffffff',
+        fontHeading: '"Cinzel", serif',
+        fontSans: '"Inter", sans-serif'
+    },
+    subtitleFontFamily: '"Raleway", sans-serif',
+    framework: {
+        defaultRadius: 'xs',
+        fontFamily: '"Inter", sans-serif',
+        headings: {
+            fontFamily: '"Cinzel", serif',
+            fontWeight: '600'
+        }
+    },
+    fontImports: [
+        'https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap',
+        'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap',
+        'https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap'
+    ]
+};

package/dist/theme/presets/rose-gold.js

@@ -0,0 +1,76 @@
+import { createElement } from 'react';
+import { ChromeBackground } from '../../components/layout/backgrounds/ChromeBackground';
+/**
+ * Rose Gold preset — warm copper/rose luxury through a chrome refraction lens.
+ *   - Playfair Display headings / DM Sans body
+ *   - Copper-rose primary `#C8897C` on deep rose dark / muted copper `#A8695E` on pale rose light
+ *   - Transparent surfaces so RoseGoldBackground's rotating copper beams bleed through cards
+ *   - Heavy frosted glass (`blur(28px) saturate(180%)`) for legibility over animated beams
+ *   - Pill-shaped buttons (`defaultRadius: 'xl'`)
+ *   - RoseGoldBackground: eight slowly-rotating rose/copper light beams
+ */
+export const roseGoldPreset = {
+    subtitleFontFamily: '"Lora", serif',
+    fontImports: [
+        'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap',
+        'https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap',
+        'https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'
+    ],
+    background: createElement(ChromeBackground, { variant: 'rose-gold' }),
+    light: {
+        primary: '#A8695E',
+        primaryContrast: '#ffffff',
+        background: '#F4F0EE',
+        surface: 'transparent',
+        surfaceHover: 'rgba(168, 105, 94, 0.08)',
+        text: '#2D1516',
+        textDimmed: '#5A4448',
+        textSubtle: '#9A848A',
+        border: 'rgba(45, 21, 22, 0.08)',
+        error: '#DC2626',
+        warning: '#F59E0B',
+        success: '#16A34A',
+        glassBackground: 'rgba(250, 246, 245, 0.55)',
+        glassBlur: 'blur(28px) saturate(180%)',
+        shadow: '0px 1px 2px rgba(45, 21, 22, 0.04), 0px 8px 24px -8px rgba(192, 122, 110, 0.16)',
+        cardShadow: 'inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(45, 21, 22, 0.05), 0 10px 28px -6px rgba(45, 21, 22, 0.08), 0 30px 56px -14px rgba(192, 122, 110, 0.18)',
+        durationFast: '160ms',
+        durationNormal: '300ms',
+        easing: 'cubic-bezier(0.25, 0.1, 0.25, 1)',
+        destructiveFg: '#ffffff',
+        fontHeading: '"Playfair Display", serif',
+        fontSans: '"DM Sans", sans-serif'
+    },
+    dark: {
+        primary: '#A56B5E',
+        primaryContrast: '#2D1A16',
+        background: '#070405',
+        surface: 'transparent',
+        surfaceHover: '#221418',
+        text: '#F5E8E6',
+        textDimmed: '#D8B8B2',
+        textSubtle: '#B89A94',
+        border: 'rgba(216, 184, 178, 0.07)',
+        error: '#F87171',
+        warning: '#FBBF24',
+        success: '#4ADE80',
+        glassBackground: 'rgba(22, 14, 16, 0.35)',
+        glassBlur: 'blur(28px) saturate(180%)',
+        shadow: '0px 1px 2px rgba(0, 0, 0, 0.5), 0px 12px 32px -8px rgba(0, 0, 0, 0.6)',
+        cardShadow: 'inset 0 1px 0 rgba(216, 184, 178, 0.12), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 2px 8px rgba(0, 0, 0, 0.45), 0 14px 34px -6px rgba(0, 0, 0, 0.55), 0 36px 68px -14px rgba(0, 0, 0, 0.45), 0 48px 96px -24px rgba(200, 137, 124, 0.16)',
+        durationFast: '160ms',
+        durationNormal: '300ms',
+        easing: 'cubic-bezier(0.25, 0.1, 0.25, 1)',
+        destructiveFg: '#ffffff',
+        fontHeading: '"Playfair Display", serif',
+        fontSans: '"DM Sans", sans-serif'
+    },
+    framework: {
+        fontFamily: '"DM Sans", sans-serif',
+        defaultRadius: 'xl',
+        headings: {
+            fontFamily: '"Playfair Display", serif',
+            fontWeight: '600'
+        }
+    }
+};

package/dist/types/index.d.ts

@@ -2978,7 +2978,7 @@ interface MembershipFeatureConfig {
  */
 interface UserConfig {
     theme?: {
-        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-punk' | 'cyber-void' | 'nirvana' | 'wave' | 'synapse' | 'cortex' | 'helios' | 'verdant' | 'canyon' | 'nord' | 'catppuccin' | 'tokyo-night' | 'gruvbox';
+        preset?: 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'obsidian' | 'honey' | 'abyss' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-punk' | 'cyber-void' | 'nirvana' | 'wave' | 'synapse' | 'cortex' | 'helios' | 'graphite' | 'canyon' | 'nord' | 'catppuccin' | 'tokyo-night' | 'gruvbox';
         colorScheme?: 'light' | 'dark' | 'auto';
     };
     onboarding?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -243,9 +243,9 @@
     "@microsoft/fetch-event-source": "^2.0.1"
   },
   "scripts": {
-    "build": "tsc",
+    "build": "tsc --noEmit",
     "build:publish": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.core-dts.json && tsc -p tsconfig.build.json && tsup && rollup -c rollup.dts.config.mjs && node -e \"require('fs').rmSync('dist/_dts',{recursive:true,force:true})\"",
-    "dev": "tsc --watch",
+    "dev": "tsc --noEmit --watch",
     "lint": "eslint src --max-warnings 0",
     "check-types": "tsc --noEmit",
     "test": "vitest run --passWithNoTests",

package/dist/auth/guards/AdminGuard.d.ts

@@ -1,32 +0,0 @@
-import { type ReactNode } from 'react';
-export interface AdminGuardProps {
-    children: ReactNode;
-    /**
-     * Path to redirect non-admin users to.
-     * @default '/'
-     */
-    redirectTo?: string;
-    /**
-     * Rendered while user readiness is being determined.
-     * When not provided, nothing is rendered during initialization.
-     */
-    fallback?: ReactNode;
-}
-/**
- * Headless route guard for platform admin pages.
- *
- * Reads `profile.is_platform_admin` from the nearest InitializationProvider.
- * Non-admin users are redirected to `redirectTo` (default: '/').
- *
- * Must be nested inside a ProtectedRoute (or equivalent) so that
- * `userReady` is guaranteed to be true when this guard runs.
- *
- * @example
- * <ProtectedRoute>
- *   <AdminGuard fallback={<AppShellLoader />}>
- *     <AdminDashboard />
- *   </AdminGuard>
- * </ProtectedRoute>
- */
-export declare function AdminGuard({ children, redirectTo, fallback }: AdminGuardProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=AdminGuard.d.ts.map

package/dist/auth/guards/AdminGuard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminGuard.d.ts","sourceRoot":"","sources":["../../../src/auth/guards/AdminGuard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,UAAgB,EAAE,QAAe,EAAE,EAAE,eAAe,kDA0B1F"}

package/dist/auth/guards/ProtectedRoute.d.ts

@@ -1,60 +0,0 @@
-import { type ReactNode } from 'react';
-import type { InitializationError } from '../../initialization/hooks/useAppInitialization';
-export interface ProtectedRouteProps {
-    children: ReactNode;
-    /**
-     * Path to redirect to when user is unauthenticated and the auth adapter
-     * does not provide a `signIn` function.
-     * @default '/login'
-     */
-    redirectTo?: string;
-    /**
-     * Rendered while initialization is in progress.
-     * When not provided, nothing is rendered during initialization.
-     */
-    fallback?: ReactNode;
-    /**
-     * Rendered when initialization fails with a non-organization error.
-     * Receives the error and a retry callback.
-     * When not provided, the error is silently swallowed (children not rendered).
-     */
-    errorFallback?: (error: InitializationError, retry: () => void) => ReactNode;
-    /**
-     * When true (default), waits for both user AND organization to be ready
-     * before rendering children. When false, only waits for user readiness.
-     * @default true
-     */
-    waitForOrganization?: boolean;
-}
-/**
- * Headless route guard for authenticated pages.
- *
- * Reads initialization state from the nearest InitializationProvider.
- *
- * When `canRecover()` returns true (refresh token exists), unauthenticated users
- * are sent directly to WorkOS AuthKit via `signIn()`. WorkOS checks its
- * server-side session and either signs the user in immediately (page-reload case)
- * or shows a login form (logged-out case). Explicit logout destroys the
- * server-side session, so the next auto-signIn correctly presents a login form
- * rather than looping.
- *
- * When `canRecover()` returns false, falls back to navigating to `redirectTo`
- * (default: '/login') with a `returnTo` search param.
- *
- * Organization-layer errors are allowed through -- routes like /invitations
- * must be accessible even when the user has no org membership.
- *
- * @example
- * // With custom fallback (your Mantine loader):
- * <ProtectedRoute fallback={<AppShellLoader />}>
- *   <DashboardPage />
- * </ProtectedRoute>
- *
- * @example
- * // Wait only for user, not org (e.g. /invitations route):
- * <ProtectedRoute waitForOrganization={false}>
- *   <InvitationsPage />
- * </ProtectedRoute>
- */
-export declare function ProtectedRoute({ children, redirectTo, fallback, errorFallback, waitForOrganization }: ProtectedRouteProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=ProtectedRoute.d.ts.map

package/dist/auth/guards/ProtectedRoute.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProtectedRoute.d.ts","sourceRoot":"","sources":["../../../src/auth/guards/ProtectedRoute.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAIzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAA;AAE1F,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,SAAS,CAAA;IAC5E;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,UAAqB,EACrB,QAAe,EACf,aAAa,EACb,mBAA0B,EAC3B,EAAE,mBAAmB,kDAyDrB"}

package/dist/auth/guards/__tests__/AdminGuard.test.d.ts

@@ -1,12 +0,0 @@
-/**
- * AdminGuard Tests (shared @repo/ui guard)
- *
- * Tests role-based access control for platform admin pages:
- * - Shows fallback while user is not ready
- * - Renders children for platform admin users
- * - Redirects non-admin users to redirectTo (default: '/')
- * - Handles missing profile gracefully
- * - Supports custom redirectTo
- */
-export {};
-//# sourceMappingURL=AdminGuard.test.d.ts.map

package/dist/auth/guards/__tests__/AdminGuard.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdminGuard.test.d.ts","sourceRoot":"","sources":["../../../../src/auth/guards/__tests__/AdminGuard.test.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG"}

package/dist/auth/guards/__tests__/ProtectedRoute.test.d.ts

@@ -1,14 +0,0 @@
-/**
- * ProtectedRoute Tests (shared @repo/ui guard)
- *
- * Tests headless authentication guard behavior:
- * - Shows fallback while initializing
- * - Redirects unauthenticated users to login with returnTo
- * - Renders children when user is ready
- * - Renders children when org error (allows /invitations route pattern)
- * - Shows errorFallback for non-organization errors
- * - Waits for org readiness when waitForOrganization=true (default)
- * - Renders after user ready when waitForOrganization=false
- */
-export {};
-//# sourceMappingURL=ProtectedRoute.test.d.ts.map

package/dist/auth/guards/__tests__/ProtectedRoute.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProtectedRoute.test.d.ts","sourceRoot":"","sources":["../../../../src/auth/guards/__tests__/ProtectedRoute.test.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG"}

package/dist/auth/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC/E,cAAc,8BAA8B,CAAA;AAC5C,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAClF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA"}