@elevasis/ui 1.19.0 → 1.20.1

package/dist/provider/index.js

@@ -1,14 +1,14 @@
-export { ElevasisUIProvider } from '../chunk-KNJKCD73.js';
-import '../chunk-NUULWBAD.js';
+export { ElevasisUIProvider } from '../chunk-VLTVZXP6.js';
+import '../chunk-R3R367QY.js';
 import '../chunk-SZHARWKU.js';
-import '../chunk-2YW3LDFT.js';
-import '../chunk-7ATCF6UL.js';
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-UANJP5P7.js';
+import '../chunk-OFAXUZPZ.js';
+import '../chunk-3DIU726S.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-R7WLWGPO.js';
+import '../chunk-NVOCKXUQ.js';
+import '../chunk-V7XHGJQZ.js';
 export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
-import '../chunk-U2522LSW.js';
-import '../chunk-JNBHUCKW.js';
-import '../chunk-MBZDE6UT.js';
-import '../chunk-DVKEEY5J.js';
-export { ElevasisServiceProvider, useElevasisServices } from '../chunk-QEPXAWE2.js';
+import '../chunk-IOKL7BKE.js';
+import '../chunk-TUXTSEAF.js';
 import '../chunk-DD3CCMCZ.js';
+export { ElevasisServiceProvider, useElevasisServices } from '../chunk-QEPXAWE2.js';
 import '../chunk-BRJ3QZ4E.js';

package/dist/provider/published.d.ts

@@ -41,7 +41,7 @@ interface ThemePreset {
      */
     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';
+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';
 
 interface ApiErrorDetails {
     method: string;

package/dist/provider/published.js

@@ -1,9 +1,9 @@
-export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-UANJP5P7.js';
+export { ElevasisCoreProvider, NotificationProvider, useNotificationAdapter } from '../chunk-R7WLWGPO.js';
+import '../chunk-NVOCKXUQ.js';
+import '../chunk-V7XHGJQZ.js';
 export { AppearanceProvider, useAppearance } from '../chunk-QJ2KCHKX.js';
-import '../chunk-U2522LSW.js';
-import '../chunk-JNBHUCKW.js';
-import '../chunk-MBZDE6UT.js';
-import '../chunk-DVKEEY5J.js';
-export { ElevasisServiceProvider, useElevasisServices } from '../chunk-QEPXAWE2.js';
+import '../chunk-IOKL7BKE.js';
+import '../chunk-TUXTSEAF.js';
 import '../chunk-DD3CCMCZ.js';
+export { ElevasisServiceProvider, useElevasisServices } from '../chunk-QEPXAWE2.js';
 import '../chunk-BRJ3QZ4E.js';

package/dist/theme/index.d.ts

@@ -96,7 +96,7 @@ interface ThemePreset {
      */
     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';
+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];

package/dist/theme/index.js

@@ -1,3 +1,3 @@
-export { useAvailablePresets } from '../chunk-ZFCG5SHW.js';
-export { PresetsProvider, TOKEN_VAR_MAP, componentThemes, createCssVariablesResolver, generateShades, getPreset, mantineThemeOverride, PRESETS as presets, usePresetsContext } from '../chunk-2YW3LDFT.js';
-import '../chunk-7ATCF6UL.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.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=getPreset.test.d.ts.map

package/dist/theme/presets/__tests__/getPreset.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPreset.test.d.ts","sourceRoot":"","sources":["../../../../src/theme/presets/__tests__/getPreset.test.ts"],"names":[],"mappings":""}

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.d.ts

@@ -0,0 +1,12 @@
+import type { ThemePreset } from './types';
+/**
+ * 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 declare const cyberVoltPreset: ThemePreset;
+//# sourceMappingURL=cyber-volt.d.ts.map

package/dist/theme/presets/cyber-volt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cyber-volt.d.ts","sourceRoot":"","sources":["../../../src/theme/presets/cyber-volt.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,EAAE,WA4D7B,CAAA"}

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.d.ts

@@ -0,0 +1,8 @@
+import type { ThemePreset } from './types';
+/**
+ * Regal preset — luxurious, commanding, distinguished.
+ * Design: deep black base, rich gold accent, elegant serif headings.
+ * Evokes: royal courts, gilt architecture, fine craftsmanship.
+ */
+export declare const regalPreset: ThemePreset;
+//# sourceMappingURL=regal.d.ts.map

package/dist/theme/presets/regal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"regal.d.ts","sourceRoot":"","sources":["../../../src/theme/presets/regal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,WAiEzB,CAAA"}

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.d.ts

@@ -0,0 +1,12 @@
+import type { ThemePreset } from './types';
+/**
+ * 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 declare const roseGoldPreset: ThemePreset;
+//# sourceMappingURL=rose-gold.d.ts.map

package/dist/theme/presets/rose-gold.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rose-gold.d.ts","sourceRoot":"","sources":["../../../src/theme/presets/rose-gold.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,EAAE,WAkE5B,CAAA"}

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';
+        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/dist/utils/index.d.ts

@@ -196,6 +196,17 @@ type TablerIcon = typeof IconBrain;
  */
 declare function getResourceIcon(type: ResourceDefinitionType): TablerIcon;
 
+/**
+ * Default API URL constant for the Elevasis platform.
+ *
+ * Reads `import.meta.env.PROD` — resolves to the production API host when
+ * Vite builds in production mode, and falls back to the local dev server.
+ *
+ * Consumer apps that need a different host should override this by reading
+ * their own environment variable rather than re-exporting this constant.
+ */
+declare const API_URL: string;
+
 /** Monitoring and analytics stale time (30s). */
 declare const STALE_TIME_MONITORING = 30000;
 /** Admin data stale time (1 min). */
@@ -261,5 +272,5 @@ declare function suppressKnownWarnings(): void;
  */
 declare function restoreConsole(): void;
 
-export { APIClientError, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail };
+export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail };
 export type { TablerIcon };

package/dist/utils/index.js

@@ -1 +1 @@
-export { APIClientError, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail } from '../chunk-MBZDE6UT.js';
+export { APIClientError, API_URL, DEBOUNCE_FILTER, DEBOUNCE_SLIDER, GC_TIME_LONG, GC_TIME_MEDIUM, GC_TIME_SHORT, LIMIT_ACTIVITY_FEED, OAUTH_FLOW_TIMEOUT, OAUTH_POPUP_CHECK_INTERVAL, PAGE_SIZE_DEFAULT, REFETCH_INTERVAL_DASHBOARD, REFETCH_INTERVAL_REALTIME, REFETCH_INTERVAL_RUNNING, REFETCH_INTERVAL_RUNNING_FAST, SSE_CLOSE_GRACE_PERIOD, SSE_TOKEN_REFRESH_DELAY, STALE_TIME_ADMIN, STALE_TIME_DEFAULT, STALE_TIME_MONITORING, WS_MAX_RETRIES_BEFORE_ERROR, WS_RECONNECT_BASE_DELAY, WS_RECONNECT_MAX_DELAY, formatChartAxisDate, formatDate, formatDateTime, formatErrorMessage, formatRelativeTime, formatTimeAgo, getErrorInfo, getErrorTitle, getResourceColor, getResourceIcon, isAPIClientError, restoreConsole, suppressKnownWarnings, validateEmail } from '../chunk-IOKL7BKE.js';

package/dist/zustand/index.d.ts

@@ -0,0 +1,80 @@
+import { Draft } from 'immer';
+
+interface SSESliceState {
+    sse: {
+        notificationCount: number | null;
+        notificationConnected: boolean;
+        notificationError: string | null;
+        activityConnected: boolean;
+        activityError: string | null;
+        commandQueueConnected: boolean;
+        commandQueueError: string | null;
+    };
+    setNotificationCount: (count: number | null) => void;
+    setNotificationConnected: (connected: boolean) => void;
+    setNotificationError: (error: string | null) => void;
+    setActivityConnected: (connected: boolean) => void;
+    setActivityError: (error: string | null) => void;
+    setCommandQueueConnected: (connected: boolean) => void;
+    setCommandQueueError: (error: string | null) => void;
+}
+type ImmerSet$2 = (updater: (state: Draft<any>) => void, ...rest: unknown[]) => void;
+/** Resets the SSE slice fields in an Immer draft. Call inside your app's resetStore action. */
+declare function resetSSEState(state: Draft<{
+    sse: SSESliceState['sse'];
+}>): void;
+declare function createSSESlice(set: ImmerSet$2): SSESliceState;
+
+/**
+ * Open string type — preset validation stays in the app layer.
+ * CC uses a 22-value union locally; the shared factory accepts any string.
+ */
+type ThemePresetName = string;
+type ThemeColorScheme = 'light' | 'dark' | 'auto';
+interface ThemeSliceState {
+    theme: {
+        preset: ThemePresetName;
+        colorScheme: ThemeColorScheme;
+    };
+    setTheme: (updates: {
+        preset?: ThemePresetName;
+        colorScheme?: ThemeColorScheme;
+    }) => void;
+}
+interface ThemeSliceOptions {
+    /** Default preset name when no localStorage entry exists. Defaults to 'tactical'. */
+    defaultPreset?: ThemePresetName;
+    /** Default color scheme when no localStorage entry exists. Defaults to 'dark'. */
+    defaultColorScheme?: ThemeColorScheme;
+}
+type ImmerSet$1 = (updater: (state: Draft<any>) => void, ...rest: unknown[]) => void;
+/** Resets the theme slice fields in an Immer draft. Call inside your app's resetStore action. */
+declare function resetThemeState(state: Draft<{
+    theme: ThemeSliceState['theme'];
+}>, options?: ThemeSliceOptions): void;
+declare function createThemeSlice(set: ImmerSet$1, options?: ThemeSliceOptions): ThemeSliceState;
+
+// ============================================================================
+// API Request/Response Types (Dashboard Observability)
+// ============================================================================
+
+/**
+ * Time range selector for dashboard metrics
+ */
+type TimeRange = '1h' | '24h' | '7d' | '30d'
+
+interface TimeRangeSliceState {
+    timeRange: {
+        value: TimeRange;
+    };
+    setTimeRange: (value: TimeRange) => void;
+}
+type ImmerSet = (updater: (state: Draft<any>) => void, ...rest: unknown[]) => void;
+/** Resets the timeRange slice fields in an Immer draft. Call inside your app's resetStore action. */
+declare function resetTimeRangeState(state: Draft<{
+    timeRange: TimeRangeSliceState['timeRange'];
+}>): void;
+declare function createTimeRangeSlice(set: ImmerSet): TimeRangeSliceState;
+
+export { createSSESlice, createThemeSlice, createTimeRangeSlice, resetSSEState, resetThemeState, resetTimeRangeState };
+export type { SSESliceState, ThemeColorScheme, ThemePresetName, ThemeSliceOptions, ThemeSliceState, TimeRangeSliceState };