@elevasis/ui 1.15.2 → 1.17.0

package/dist/theme/presets/index.js

@@ -0,0 +1,136 @@
+export { generateShades } from './utils';
+import { defaultPreset } from './default';
+import { tacticalPreset } from './tactical';
+import { regalPreset } from './regal';
+import { cyberVoltPreset } from './cyber-volt';
+import { auroraPreset } from './aurora';
+import { roseGoldPreset } from './rose-gold';
+import { midnightPreset } from './midnight';
+import { emberPreset } from './ember';
+import { honeyPreset } from './honey';
+import { canopyPreset } from './canopy';
+import { slatePreset } from './slate';
+import { cyberStrikePreset } from './cyber-strike';
+import { cyberPunkPreset } from './cyber-punk';
+import { cyberVoidPreset } from './cyber-void';
+import { nirvanaPreset } from './nirvana';
+import { wavePreset } from './wave';
+// import { obsidianPreset } from './obsidian'
+// import { abyssPreset } from './abyss'
+const PRESETS = {
+    default: {
+        ...defaultPreset,
+        label: 'Default',
+        description: 'Clean, neutral design system',
+        colors: ['#0099ff', '#080808', '#f2f2f5']
+    },
+    tactical: {
+        ...tacticalPreset,
+        label: 'Tactical',
+        description: 'Tactical command center aesthetic',
+        colors: ['#0099ff', '#020304', '#EAEBEE']
+    },
+    slate: {
+        ...slatePreset,
+        label: 'Slate',
+        description: 'Industrial precision',
+        colors: ['#7B9EBC', '#0C1016', '#ECEEF0']
+    },
+    regal: {
+        ...regalPreset,
+        label: 'Regal',
+        description: 'Regal black and gold aesthetic',
+        colors: ['#D4A843', '#080604', '#F5F0E8']
+    },
+    aurora: {
+        ...auroraPreset,
+        label: 'Aurora',
+        description: 'Serene nature-inspired tones',
+        colors: ['#1DE9B6', '#0A1210', '#EFF5F3']
+    },
+    'rose-gold': {
+        ...roseGoldPreset,
+        label: 'Rose Gold',
+        description: 'Warm luxury and elegance',
+        colors: ['#E8A598', '#120C0D', '#F4F0EE']
+    },
+    midnight: {
+        ...midnightPreset,
+        label: 'Midnight',
+        description: 'Deep violet jewel tones',
+        colors: ['#B388FF', '#0C0A16', '#EEEDF4']
+    },
+    ember: {
+        ...emberPreset,
+        label: 'Ember',
+        description: 'Earthy terracotta warmth',
+        colors: ['#E87B55', '#120E0A', '#F3EFEB']
+    },
+    nirvana: {
+        ...nirvanaPreset,
+        label: 'Nirvana',
+        description: 'Warm peach waves and rising motes',
+        colors: ['#f23801', '#000000', '#ffffff']
+    },
+    wave: {
+        ...wavePreset,
+        label: 'Waves',
+        description: 'Cool azure waves and rising cyan motes',
+        colors: ['#2563eb', '#050914', '#f5f8fc']
+    },
+    honey: {
+        ...honeyPreset,
+        label: 'Honey',
+        description: 'Warm amber optimism',
+        colors: ['#E8A820', '#110E04', '#F5F0E8']
+    },
+    canopy: {
+        ...canopyPreset,
+        label: 'Canopy',
+        description: 'Lush forest grounding',
+        colors: ['#4AA860', '#080F0A', '#EDF3EE']
+    },
+    'cyber-volt': {
+        ...cyberVoltPreset,
+        label: 'Cyber-Volt',
+        description: 'Neon-soaked sci-fi interface',
+        colors: ['#00E5FF', '#0A0E14', '#E8EDF2']
+    },
+    'cyber-void': {
+        ...cyberVoidPreset,
+        label: 'Cyber-Void',
+        description: 'Cold synthetic digital depths',
+        colors: ['#2979FF', '#0A0D14', '#E8ECF2']
+    },
+    'cyber-punk': {
+        ...cyberPunkPreset,
+        label: 'Cyber-Punk',
+        description: 'High-voltage violet neon',
+        colors: ['#7C4DFF', '#0E0A1E', '#E9E6F2']
+    },
+    'cyber-strike': {
+        ...cyberStrikePreset,
+        label: 'Cyber-Strike',
+        description: 'Aggressive dystopian neon',
+        colors: ['#FF1744', '#140A0C', '#F2E8EA']
+    }
+    // abyss: {
+    //   ...abyssPreset,
+    //   label: 'Abyss',
+    //   description: 'Deep ocean authority',
+    //   colors: ['#1090D8', '#050E18', '#EDF1F5']
+    // },
+    // obsidian: {
+    //   ...obsidianPreset,
+    //   label: 'Obsidian',
+    //   description: 'Monochrome precision and clarity',
+    //   colors: ['#A0A0A8', '#0D0D0F', '#F7F7F8']
+    // }
+};
+export { PRESETS as presets };
+/** Look up a preset by name. Falls back to default preset for unknown names. */
+export function getPreset(name, presetsMap) {
+    if (presetsMap)
+        return presetsMap[name] ?? presetsMap['default'] ?? PRESETS.default;
+    return PRESETS[name] ?? PRESETS.default;
+}

package/dist/theme/presets/midnight.d.ts

@@ -0,0 +1,8 @@
+import type { ThemePreset } from './types';
+/**
+ * Midnight preset — deep, sophisticated, jewel-toned.
+ * Design: rich indigo-navy base, violet accent, deep color depth.
+ * Evokes: night sky, premium analytics, sophisticated data platforms.
+ */
+export declare const midnightPreset: ThemePreset;
+//# sourceMappingURL=midnight.d.ts.map

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

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

package/dist/theme/presets/nirvana.d.ts

@@ -0,0 +1,16 @@
+import type { ThemePreset } from './types';
+/**
+ * Nirvana brand preset — mirrors the marketing site:
+ *   - Inter body / Cormorant headings (matches getnirvana.com exactly)
+ *   - Vivid orange `#f23801` brand accent
+ *   - High-contrast black/white palette in both modes
+ *   - Pill-shaped buttons (defaultRadius 'xl')
+ *   - Warm peach wave background with rising motes (shared `WaveBackground`)
+ *
+ * The background is shared with the `wave`, `honey`, and `canopy` presets
+ * via a single `WaveBackground` component so that switching between any
+ * wave-family preset preserves the running drift animation — only the
+ * palette (via `data-variant`) flips. See `WaveBackground.tsx` for details.
+ */
+export declare const nirvanaPreset: ThemePreset;
+//# sourceMappingURL=nirvana.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nirvana.d.ts","sourceRoot":"","sources":["../../../src/theme/presets/nirvana.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,EAAE,WAiE3B,CAAA"}

package/dist/theme/presets/obsidian.d.ts

@@ -0,0 +1,3 @@
+import type { ThemePreset } from './types';
+export declare const obsidianPreset: ThemePreset;
+//# sourceMappingURL=obsidian.d.ts.map

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

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

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/rose-gold.d.ts

@@ -0,0 +1,8 @@
+import type { ThemePreset } from './types';
+/**
+ * Rose Gold preset — warm luxury, muted elegance, refined.
+ * Design: blush-pink base, copper-rose accent, soft warm neutrals.
+ * Evokes: boutique brands, editorial design, premium consumer products.
+ */
+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.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,WAiE5B,CAAA"}

package/dist/theme/presets/slate.d.ts

@@ -0,0 +1,3 @@
+import type { ThemePreset } from './types';
+export declare const slatePreset: ThemePreset;
+//# sourceMappingURL=slate.d.ts.map

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

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

package/dist/theme/presets/tactical.d.ts

@@ -0,0 +1,8 @@
+import type { ThemePreset } from './types';
+/**
+ * Tactical preset — tactical, modern, sleek.
+ * Design: dark navy-charcoal base, cool blue accent, gunmetal tones.
+ * Evokes: command centers, heads-up displays, defense tech interfaces.
+ */
+export declare const tacticalPreset: ThemePreset;
+//# sourceMappingURL=tactical.d.ts.map

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

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

package/dist/theme/presets/types.d.ts

@@ -0,0 +1,43 @@
+import type { ReactNode } from 'react';
+import type { ElevasisTokenOverrides } from '../../provider/types';
+/** Framework-agnostic theme overrides bundled with a preset (fonts, radius, component styles). */
+export interface FrameworkThemeOverrides {
+    fontFamily?: string;
+    defaultRadius?: string;
+    headings?: {
+        fontFamily?: string;
+        fontWeight?: string;
+    };
+    components?: Record<string, unknown>;
+}
+export 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;
+}
+export type PresetName = 'default' | 'tactical' | 'regal' | 'cyber-volt' | 'aurora' | 'rose-gold' | 'midnight' | 'ember' | 'honey' | 'canopy' | 'slate' | 'cyber-strike' | 'cyber-punk' | 'cyber-void' | 'nirvana' | 'wave';
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/presets/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAElE,kGAAkG;AAClG,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE;QACT,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IACvC,IAAI,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAA;IACtC,yFAAyF;IACzF,SAAS,CAAC,EAAE,uBAAuB,CAAA;IACnC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,qHAAqH;IACrH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wFAAwF;IACxF,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,UAAU,GACV,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,WAAW,GACX,UAAU,GACV,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,MAAM,CAAA"}

package/dist/theme/presets/types.js

@@ -0,0 +1,3 @@
+export {};
+// | 'obsidian'
+// | 'abyss'

package/dist/theme/presets/wave.d.ts

@@ -0,0 +1,14 @@
+import type { ThemePreset } from './types';
+/**
+ * Wave preset — cool blue sibling to Nirvana:
+ *   - Inter body / Space Grotesk headings (modern, architectural feel)
+ *   - Vivid azure `#2563eb` primary (deep ocean blue)
+ *   - Cool white / deep navy canvases
+ *   - Pill-shaped buttons (defaultRadius 'xl') matching Nirvana
+ *   - Sky-blue wave background with rising cyan motes (shared `WaveBackground`)
+ *
+ * Shares the wave background with `nirvana`, `honey`, and `canopy` — see
+ * `WaveBackground.tsx` for the rationale behind the single-component approach.
+ */
+export declare const wavePreset: ThemePreset;
+//# sourceMappingURL=wave.d.ts.map

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

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

package/dist/theme/useAvailablePresets.d.ts

@@ -0,0 +1,16 @@
+/** Preset entry with display metadata for settings UI. */
+export 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. */
+export declare function useAvailablePresets(): PresetEntry[];
+//# sourceMappingURL=useAvailablePresets.d.ts.map

package/dist/theme/useAvailablePresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvailablePresets.d.ts","sourceRoot":"","sources":["../../src/theme/useAvailablePresets.ts"],"names":[],"mappings":"AAGA,0DAA0D;AAC1D,MAAM,WAAW,WAAW;IAC1B,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAA;IACb,qDAAqD;IACrD,WAAW,EAAE,MAAM,CAAA;IACnB,yIAAyI;IACzI,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,6DAA6D;IAC7D,QAAQ,EAAE,OAAO,CAAA;CAClB;AAyBD,yDAAyD;AACzD,wBAAgB,mBAAmB,IAAI,WAAW,EAAE,CAYnD"}

package/dist/theme/useAvailablePresets.js

@@ -0,0 +1,36 @@
+import { useMemo } from 'react';
+import { usePresetsContext } from './PresetsContext';
+const BUILT_IN_NAMES = new Set([
+    'default',
+    'tactical',
+    'regal',
+    'cyber-volt',
+    'aurora',
+    'rose-gold',
+    'midnight',
+    'ember',
+    'obsidian',
+    'honey',
+    'abyss',
+    'canopy',
+    'slate',
+    'cyber-strike',
+    'cyber-punk',
+    'cyber-void'
+]);
+function titleCase(str) {
+    return str.replace(/(^|-)(\w)/g, (_, sep, char) => (sep ? ' ' : '') + char.toUpperCase());
+}
+/** Returns all available presets as UI-ready entries. */
+export function useAvailablePresets() {
+    const presetsMap = usePresetsContext();
+    return useMemo(() => {
+        return Object.entries(presetsMap).map(([key, preset]) => ({
+            value: key,
+            label: preset.label ?? titleCase(key),
+            description: preset.description ?? '',
+            colors: preset.colors ?? [preset.dark.primary, preset.dark.background, preset.light.background],
+            isCustom: !BUILT_IN_NAMES.has(key)
+        }));
+    }, [presetsMap]);
+}