@santi020k/lumen-core 0.1.0

package/dist/schedule.js

@@ -0,0 +1,98 @@
+export const createScheduleSlots = (dates, events, resources = []) => {
+    const resourceList = resources.length ? resources : [undefined];
+    return dates.flatMap(date => resourceList.map(resource => ({
+        date,
+        events: events.filter(event => event.start.startsWith(date) &&
+            (!resource || event.resourceId === resource.id)),
+        ...(resource ? { resource } : {})
+    })));
+};
+export const moveScheduleEvent = (events, eventId, nextStart, nextEnd, resourceId) => events.map(event => event.id === eventId
+    ? {
+        ...event,
+        end: nextEnd,
+        ...(resourceId ? { resourceId } : {}),
+        start: nextStart
+    }
+    : event);
+export const expandRecurringScheduleEvent = (event, count, intervalDays = 7) => Array.from({ length: count }, (_, index) => {
+    const start = new Date(event.start);
+    const end = new Date(event.end);
+    start.setDate(start.getDate() + index * intervalDays);
+    end.setDate(end.getDate() + index * intervalDays);
+    return {
+        ...event,
+        end: end.toISOString(),
+        id: index === 0 ? event.id : `${event.id}-${index + 1}`,
+        start: start.toISOString()
+    };
+});
+export const scheduleEventsOverlap = (a, b) => a.id !== b.id &&
+    (!a.resourceId || !b.resourceId || a.resourceId === b.resourceId) &&
+    new Date(a.start).getTime() < new Date(b.end).getTime() &&
+    new Date(b.start).getTime() < new Date(a.end).getTime();
+export const getScheduleConflicts = (events) => {
+    const conflicts = [];
+    for (const [index, event] of events.entries()) {
+        for (const nextEvent of events.slice(index + 1)) {
+            if (scheduleEventsOverlap(event, nextEvent)) {
+                conflicts.push({ a: event, b: nextEvent });
+            }
+        }
+    }
+    return conflicts;
+};
+export const canPlaceScheduleEvent = (events, event) => !events.some(nextEvent => scheduleEventsOverlap(event, nextEvent));
+const clampTime = (value, min, max) => {
+    const minTime = min ? new Date(min).getTime() : undefined;
+    const maxTime = max ? new Date(max).getTime() : undefined;
+    return Math.min(maxTime ?? value, Math.max(minTime ?? value, value));
+};
+const snapTime = (value, snapMinutes = 15) => {
+    const snapMs = Math.max(1, snapMinutes) * 60_000;
+    return Math.round(value / snapMs) * snapMs;
+};
+export const resizeScheduleEvent = (event, nextDateTime, options = {}) => {
+    const edge = options.edge ?? 'end';
+    const start = new Date(event.start).getTime();
+    const end = new Date(event.end).getTime();
+    const next = clampTime(snapTime(new Date(nextDateTime).getTime(), options.snapMinutes), options.min, options.max);
+    const nextStart = edge === 'start' ? Math.min(next, end - 60_000) : start;
+    const nextEnd = edge === 'end' ? Math.max(next, start + 60_000) : end;
+    return {
+        ...event,
+        end: new Date(nextEnd).toISOString(),
+        start: new Date(nextStart).toISOString()
+    };
+};
+export const resizeScheduleEvents = (events, eventId, nextDateTime, options = {}) => events.map(event => event.id === eventId
+    ? resizeScheduleEvent(event, nextDateTime, options)
+    : event);
+const isScheduleEvent = (value) => {
+    if (!value || typeof value !== 'object')
+        return false;
+    const event = value;
+    return typeof event.end === 'string' &&
+        typeof event.id === 'string' &&
+        typeof event.start === 'string' &&
+        typeof event.title === 'string' &&
+        (event.resourceId === undefined || typeof event.resourceId === 'string');
+};
+export const serializeScheduleEvents = (events) => JSON.stringify(events);
+export const parseScheduleEvents = (value) => {
+    try {
+        const parsed = JSON.parse(value);
+        return Array.isArray(parsed) ? parsed.filter(isScheduleEvent) : [];
+    }
+    catch {
+        return [];
+    }
+};
+export const createScheduleStorageKey = (name) => `lumen:schedule:${name.trim().toLowerCase().replaceAll(/\s+/g, '-')}`;
+export const saveScheduleEvents = (storage, key, events) => {
+    storage.setItem(key, serializeScheduleEvents(events));
+};
+export const loadScheduleEvents = (storage, key) => {
+    const value = storage.getItem(key);
+    return value ? parseScheduleEvents(value) : [];
+};

package/dist/theme-builder.d.ts

@@ -0,0 +1,32 @@
+import { type LumenThemeTokens } from './theme.js';
+export type LumenThemeBuilderExportFormat = 'css' | 'figma' | 'tokens';
+export type LumenThemeBuilderMode = 'generated' | 'manual';
+export type LumenThemeBuilderScheme = 'dark' | 'light';
+export interface LumenThemeBuilderOptions {
+    accentHue?: number | string | null;
+    hue?: number | string | null;
+    mode?: string | null;
+    primaryColor?: string | null;
+    scheme?: string | null;
+    secondaryColor?: string | null;
+}
+export interface LumenThemeBuilderResult {
+    accentHue: number;
+    hue: number;
+    mode: LumenThemeBuilderMode;
+    scheme: LumenThemeBuilderScheme;
+    tokens: LumenThemeTokens;
+}
+export declare const coerceThemeBuilderExportFormat: (value?: string | null) => LumenThemeBuilderExportFormat;
+export declare const coerceThemeBuilderMode: (value?: string | null) => LumenThemeBuilderMode;
+export declare const coerceThemeBuilderScheme: (value?: string | null) => LumenThemeBuilderScheme;
+export declare const normalizeThemeBuilderHue: (value: number | string | null | undefined, fallback?: number) => number;
+export declare const normalizeThemeBuilderHex: (value: string) => string | null;
+export declare const themeBuilderHexToHsl: (value: string) => {
+    hue: number;
+    value: string;
+} | null;
+export declare const createThemeBuilderTokens: (options?: LumenThemeBuilderOptions) => LumenThemeBuilderResult;
+export declare const exportThemeBuilderCss: (tokens: LumenThemeTokens, scheme: LumenThemeBuilderScheme) => string;
+export declare const exportThemeBuilderValue: (tokens: LumenThemeTokens, scheme: LumenThemeBuilderScheme, format: LumenThemeBuilderExportFormat) => string;
+//# sourceMappingURL=theme-builder.d.ts.map

package/dist/theme-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-builder.d.ts","sourceRoot":"","sources":["../src/theme-builder.ts"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,YAAY,CAAA;AAEnB,MAAM,MAAM,6BAA6B,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEtE,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,QAAQ,CAAA;AAE1D,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC/B;AAED,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,qBAAqB,CAAA;IAC3B,MAAM,EAAE,uBAAuB,CAAA;IAC/B,MAAM,EAAE,gBAAgB,CAAA;CACzB;AAED,eAAO,MAAM,8BAA8B,GACzC,QAAQ,MAAM,GAAG,IAAI,KACpB,6BAIF,CAAA;AAED,eAAO,MAAM,sBAAsB,GACjC,QAAQ,MAAM,GAAG,IAAI,KACpB,qBAC0C,CAAA;AAE7C,eAAO,MAAM,wBAAwB,GACnC,QAAQ,MAAM,GAAG,IAAI,KACpB,uBACkC,CAAA;AAErC,eAAO,MAAM,wBAAwB,GACnC,OAAO,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EACzC,iBAAY,KACX,MAMF,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,OAAO,MAAM,KAAG,MAAM,GAAG,IAQjE,CAAA;AAED,eAAO,MAAM,oBAAoB,GAC/B,OAAO,MAAM,KACZ;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAiCnC,CAAA;AAED,eAAO,MAAM,wBAAwB,GACnC,UAAS,wBAA6B,KACrC,uBAuCF,CAAA;AAED,eAAO,MAAM,qBAAqB,GAChC,QAAQ,gBAAgB,EACxB,QAAQ,uBAAuB,KAC9B,MAA8E,CAAA;AAEjF,eAAO,MAAM,uBAAuB,GAClC,QAAQ,gBAAgB,EACxB,QAAQ,uBAAuB,EAC/B,QAAQ,6BAA6B,KACpC,MAaF,CAAA"}

package/dist/theme-builder.js

@@ -0,0 +1,97 @@
+/* eslint-disable complexity */
+import { exportThemeDesignTokens, exportThemeFigmaVariables } from './figma.js';
+import { createThemeFromHue, exportThemeCss } from './theme.js';
+export const coerceThemeBuilderExportFormat = (value) => {
+    if (value === 'figma' || value === 'tokens')
+        return value;
+    return 'css';
+};
+export const coerceThemeBuilderMode = (value) => value === 'manual' ? 'manual' : 'generated';
+export const coerceThemeBuilderScheme = (value) => value === 'dark' ? 'dark' : 'light';
+export const normalizeThemeBuilderHue = (value, fallback = 0) => {
+    const parsed = Number(value);
+    if (!Number.isFinite(parsed))
+        return fallback;
+    return ((Math.round(parsed) % 360) + 360) % 360;
+};
+export const normalizeThemeBuilderHex = (value) => {
+    const hex = value.trim().replace(/^#/, '');
+    if (/^[\da-f]{3}$/i.test(hex)) {
+        return `#${hex.charAt(0)}${hex.charAt(0)}${hex.charAt(1)}${hex.charAt(1)}${hex.charAt(2)}${hex.charAt(2)}`.toLowerCase();
+    }
+    return /^[\da-f]{6}$/i.test(hex) ? `#${hex.toLowerCase()}` : null;
+};
+export const themeBuilderHexToHsl = (value) => {
+    const normalized = normalizeThemeBuilderHex(value);
+    if (!normalized)
+        return null;
+    const red = Number.parseInt(normalized.slice(1, 3), 16) / 255;
+    const green = Number.parseInt(normalized.slice(3, 5), 16) / 255;
+    const blue = Number.parseInt(normalized.slice(5, 7), 16) / 255;
+    const max = Math.max(red, green, blue);
+    const min = Math.min(red, green, blue);
+    const lightness = (max + min) / 2;
+    const delta = max - min;
+    let hue = 0;
+    let saturation = 0;
+    if (delta !== 0) {
+        saturation = delta / (1 - Math.abs(2 * lightness - 1));
+        if (max === red) {
+            hue = 60 * (((green - blue) / delta) % 6);
+        }
+        else if (max === green) {
+            hue = 60 * ((blue - red) / delta + 2);
+        }
+        else {
+            hue = 60 * ((red - green) / delta + 4);
+        }
+    }
+    const normalizedHue = normalizeThemeBuilderHue(hue);
+    return {
+        hue: normalizedHue,
+        value: `${normalizedHue} ${Math.round(saturation * 100)}% ${Math.round(lightness * 100)}%`
+    };
+};
+export const createThemeBuilderTokens = (options = {}) => {
+    const hue = normalizeThemeBuilderHue(options.hue);
+    const accentHue = normalizeThemeBuilderHue(options.accentHue, normalizeThemeBuilderHue(hue + 150));
+    const mode = coerceThemeBuilderMode(options.mode);
+    const scheme = coerceThemeBuilderScheme(options.scheme);
+    const primary = options.primaryColor ? themeBuilderHexToHsl(options.primaryColor) : null;
+    const secondary = options.secondaryColor ? themeBuilderHexToHsl(options.secondaryColor) : null;
+    const baseHue = mode === 'manual' ? primary?.hue ?? hue : hue;
+    const baseAccentHue = mode === 'manual' ? secondary?.hue ?? accentHue : accentHue;
+    const tokens = createThemeFromHue(baseHue, {
+        accentHue: baseAccentHue,
+        scheme
+    });
+    if (mode === 'manual') {
+        if (primary) {
+            tokens.brand = primary.value;
+            tokens['brand-solid'] = primary.value;
+        }
+        if (secondary) {
+            tokens.accent = secondary.value;
+        }
+    }
+    return {
+        accentHue: baseAccentHue,
+        hue: baseHue,
+        mode,
+        scheme,
+        tokens
+    };
+};
+export const exportThemeBuilderCss = (tokens, scheme) => exportThemeCss(tokens).replace('{', `{\n  color-scheme: ${scheme};`);
+export const exportThemeBuilderValue = (tokens, scheme, format) => {
+    if (format === 'figma') {
+        return JSON.stringify(exportThemeFigmaVariables(tokens, {
+            collectionName: 'Lumen',
+            modeName: scheme === 'dark' ? 'Dark' : 'Light'
+        }), null, 2);
+    }
+    if (format === 'tokens') {
+        return JSON.stringify(exportThemeDesignTokens(tokens), null, 2);
+    }
+    return exportThemeBuilderCss(tokens, scheme);
+};

package/dist/theme.d.ts

@@ -0,0 +1,53 @@
+export type LumenThemeTokens = Record<string, string>;
+export interface LumenContrastScore {
+    ratio: number;
+    wcagAA: boolean;
+    wcagAAA: boolean;
+}
+export interface LumenThemeContrastSuggestion {
+    background: string;
+    foreground: string;
+    ratio: number;
+}
+export declare const lumenSemanticColorTokenNames: readonly ["canvas", "surface", "surface-muted", "surface-strong", "line", "ink", "ink-soft", "ink-muted", "brand", "brand-solid", "brand-soft", "accent", "success", "warning", "danger"];
+export declare const lumenGlassColorTokenNames: readonly ["glass-bg", "glass-bg-subtle", "glass-bg-strong", "glass-border", "glass-highlight", "glass-edge", "glass-edge-soft", "glass-shade", "glass-refraction"];
+export declare const lumenGlassEffectTokenNames: readonly ["glass-blur", "glass-saturate", "glass-brightness", "glass-shadow"];
+export declare const lumenGlassTokenNames: readonly ["glass-bg", "glass-bg-subtle", "glass-bg-strong", "glass-border", "glass-highlight", "glass-blur", "glass-saturate", "glass-brightness", "glass-edge", "glass-edge-soft", "glass-shade", "glass-refraction", "glass-shadow"];
+export declare const lumenRadiusTokenNames: readonly ["ui-radius-sm", "ui-radius", "ui-radius-lg"];
+export declare const lumenShadowTokenNames: readonly ["ui-shadow-sm", "ui-shadow-md", "ui-shadow-lg"];
+export declare const lumenTypographyTokenNames: readonly ["ui-font"];
+export declare const lumenMotionTokenNames: readonly ["ui-duration-fast", "ui-duration", "ui-duration-slow", "ui-ease", "ui-ease-emphasized"];
+export declare const lumenStructureTokenNames: readonly ["ui-radius-sm", "ui-radius", "ui-radius-lg", "ui-shadow-sm", "ui-shadow-md", "ui-shadow-lg", "ui-font", "ui-duration-fast", "ui-duration", "ui-duration-slow", "ui-ease", "ui-ease-emphasized"];
+export declare const lumenColorTokenNames: readonly ["canvas", "surface", "surface-muted", "surface-strong", "line", "ink", "ink-soft", "ink-muted", "brand", "brand-solid", "brand-soft", "accent", "success", "warning", "danger", "glass-bg", "glass-bg-subtle", "glass-bg-strong", "glass-border", "glass-highlight", "glass-edge", "glass-edge-soft", "glass-shade", "glass-refraction"];
+export declare const lumenTokenNames: readonly ["canvas", "surface", "surface-muted", "surface-strong", "line", "ink", "ink-soft", "ink-muted", "brand", "brand-solid", "brand-soft", "accent", "success", "warning", "danger", "glass-bg", "glass-bg-subtle", "glass-bg-strong", "glass-border", "glass-highlight", "glass-blur", "glass-saturate", "glass-brightness", "glass-edge", "glass-edge-soft", "glass-shade", "glass-refraction", "glass-shadow", "ui-radius-sm", "ui-radius", "ui-radius-lg", "ui-shadow-sm", "ui-shadow-md", "ui-shadow-lg", "ui-font", "ui-duration-fast", "ui-duration", "ui-duration-slow", "ui-ease", "ui-ease-emphasized"];
+export type LumenSemanticColorTokenName = typeof lumenSemanticColorTokenNames[number];
+export type LumenGlassColorTokenName = typeof lumenGlassColorTokenNames[number];
+export type LumenGlassEffectTokenName = typeof lumenGlassEffectTokenNames[number];
+export type LumenGlassTokenName = typeof lumenGlassTokenNames[number];
+export type LumenColorTokenName = typeof lumenColorTokenNames[number];
+export type LumenRadiusTokenName = typeof lumenRadiusTokenNames[number];
+export type LumenShadowTokenName = typeof lumenShadowTokenNames[number];
+export type LumenTypographyTokenName = typeof lumenTypographyTokenNames[number];
+export type LumenMotionTokenName = typeof lumenMotionTokenNames[number];
+export type LumenStructureTokenName = typeof lumenStructureTokenNames[number];
+export type LumenThemeTokenName = typeof lumenTokenNames[number];
+export declare const exportThemeCss: (tokens: LumenThemeTokens, selector?: string) => string;
+export declare const parseThemeCss: (css: string) => LumenThemeTokens;
+export declare const createThemePalette: (brand: string, accent?: string) => LumenThemeTokens;
+export interface LumenThemeFromHueOptions {
+    accentHue?: number;
+    scheme?: 'dark' | 'light';
+}
+/**
+ * Derives a complete token set from a single brand hue.
+ * Neutral surfaces pick up a faint tint of the hue; the accent sits 150deg
+ * away on the wheel. Status colors stay fixed for recognizability.
+ * Mirrored by the ThemeBuilder runtime enhancement in lumen-astro.
+ */
+export declare const createThemeFromHue: (hue: number, options?: LumenThemeFromHueOptions) => LumenThemeTokens;
+export declare const getContrastRatio: (foreground: string, background: string) => number;
+export declare const scoreThemeContrast: (tokens: LumenThemeTokens, foreground?: string, background?: string) => LumenContrastScore;
+export declare const mergeThemeTokens: (tokens: LumenThemeTokens, overrides: Partial<LumenThemeTokens>) => LumenThemeTokens;
+export declare const suggestReadableInk: (background: string) => LumenThemeContrastSuggestion;
+export declare const tuneThemeContrast: (tokens: LumenThemeTokens, foreground?: string, background?: string) => LumenThemeTokens;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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"}

package/dist/theme.js

@@ -0,0 +1,328 @@
+export const lumenSemanticColorTokenNames = [
+    'canvas',
+    'surface',
+    'surface-muted',
+    'surface-strong',
+    'line',
+    'ink',
+    'ink-soft',
+    'ink-muted',
+    'brand',
+    'brand-solid',
+    'brand-soft',
+    'accent',
+    'success',
+    'warning',
+    'danger'
+];
+export const lumenGlassColorTokenNames = [
+    'glass-bg',
+    'glass-bg-subtle',
+    'glass-bg-strong',
+    'glass-border',
+    'glass-highlight',
+    'glass-edge',
+    'glass-edge-soft',
+    'glass-shade',
+    'glass-refraction'
+];
+export const lumenGlassEffectTokenNames = [
+    'glass-blur',
+    'glass-saturate',
+    'glass-brightness',
+    'glass-shadow'
+];
+export const lumenGlassTokenNames = [
+    'glass-bg',
+    'glass-bg-subtle',
+    'glass-bg-strong',
+    'glass-border',
+    'glass-highlight',
+    'glass-blur',
+    'glass-saturate',
+    'glass-brightness',
+    'glass-edge',
+    'glass-edge-soft',
+    'glass-shade',
+    'glass-refraction',
+    'glass-shadow'
+];
+export const lumenRadiusTokenNames = [
+    'ui-radius-sm',
+    'ui-radius',
+    'ui-radius-lg'
+];
+export const lumenShadowTokenNames = [
+    'ui-shadow-sm',
+    'ui-shadow-md',
+    'ui-shadow-lg'
+];
+export const lumenTypographyTokenNames = [
+    'ui-font'
+];
+export const lumenMotionTokenNames = [
+    'ui-duration-fast',
+    'ui-duration',
+    'ui-duration-slow',
+    'ui-ease',
+    'ui-ease-emphasized'
+];
+export const lumenStructureTokenNames = [
+    ...lumenRadiusTokenNames,
+    ...lumenShadowTokenNames,
+    ...lumenTypographyTokenNames,
+    ...lumenMotionTokenNames
+];
+export const lumenColorTokenNames = [
+    ...lumenSemanticColorTokenNames,
+    ...lumenGlassColorTokenNames
+];
+export const lumenTokenNames = [
+    ...lumenSemanticColorTokenNames,
+    ...lumenGlassTokenNames,
+    ...lumenStructureTokenNames
+];
+export const exportThemeCss = (tokens, selector = ':root') => {
+    const lines = lumenTokenNames
+        .filter(token => tokens[token])
+        .map(token => {
+        const value = tokens[token] ?? '';
+        return `  --${token}: ${value};`;
+    });
+    return `${selector} {\n${lines.join('\n')}\n}`;
+};
+export const parseThemeCss = (css) => {
+    const tokens = {};
+    for (const token of lumenTokenNames) {
+        const match = new RegExp(`--${token}:\\s*([^;]+);`).exec(css);
+        if (match?.[1]) {
+            tokens[token] = match[1].trim();
+        }
+    }
+    return tokens;
+};
+const normalizeHue = (hue) => ((Math.round(hue) % 360) + 360) % 360;
+const getHueFromToken = (value) => {
+    const hue = Number(value.trim().split(/\s+/)[0]);
+    return Number.isFinite(hue) ? normalizeHue(hue) : 221;
+};
+const createGlassThemeTokens = (hue, scheme = 'light') => {
+    const h = normalizeHue(hue);
+    if (scheme === 'dark') {
+        return {
+            'glass-bg': `${h} 20% 13% / 0.78`,
+            'glass-bg-strong': `${h} 20% 13% / 0.9`,
+            'glass-bg-subtle': `${h} 20% 13% / 0.64`,
+            'glass-blur': '22px',
+            'glass-border': `${h} 30% 92% / 0.24`,
+            'glass-brightness': '1',
+            'glass-edge': `${h} 40% 98% / 0.24`,
+            'glass-edge-soft': `${h} 40% 98% / 0.08`,
+            'glass-highlight': `${h} 30% 96% / 0.1`,
+            'glass-refraction': `${h} 91% 56% / 0.1`,
+            'glass-saturate': '1.7',
+            'glass-shade': `${h} 40% 3% / 0.3`,
+            'glass-shadow': '0 1px 2px hsl(0 0% 0% / 0.3), 0 16px 40px hsl(0 0% 0% / 0.34), 0 40px 96px hsl(0 0% 0% / 0.38)'
+        };
+    }
+    return {
+        'glass-bg': '0 0% 100% / 0.55',
+        'glass-bg-strong': '0 0% 100% / 0.72',
+        'glass-bg-subtle': '0 0% 100% / 0.38',
+        'glass-blur': '22px',
+        'glass-border': `${h} 30% 100% / 0.55`,
+        'glass-brightness': '1.05',
+        'glass-edge': '0 0% 100% / 0.9',
+        'glass-edge-soft': '0 0% 100% / 0.34',
+        'glass-highlight': '0 0% 100% / 0.85',
+        'glass-refraction': `${h} 83% 53% / 0.08`,
+        'glass-saturate': '1.7',
+        'glass-shade': `${h} 47% 11% / 0.07`,
+        'glass-shadow': `0 1px 2px hsl(${h} 47% 11% / 0.08), 0 12px 32px hsl(${h} 47% 11% / 0.12), 0 32px 80px hsl(${h} 47% 11% / 0.14)`
+    };
+};
+const lumenRadiusTokens = {
+    'ui-radius': '0.625rem',
+    'ui-radius-lg': '0.75rem',
+    'ui-radius-sm': '0.375rem'
+};
+const lumenTypographyTokens = {
+    'ui-font': 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+};
+const lumenMotionTokens = {
+    'ui-duration': '160ms',
+    'ui-duration-fast': '120ms',
+    'ui-duration-slow': '300ms',
+    'ui-ease': 'cubic-bezier(0.32, 0.72, 0, 1)',
+    'ui-ease-emphasized': 'cubic-bezier(0.22, 1, 0.36, 1)'
+};
+const createShadowTokens = (hue, scheme = 'light') => {
+    if (scheme === 'dark') {
+        return {
+            'ui-shadow-lg': '0 28px 80px hsl(0 0% 0% / 0.36)',
+            'ui-shadow-md': '0 12px 32px hsl(0 0% 0% / 0.24)',
+            'ui-shadow-sm': '0 1px 2px hsl(0 0% 0% / 0.18)'
+        };
+    }
+    const h = normalizeHue(hue);
+    return {
+        'ui-shadow-lg': `0 24px 64px hsl(${h} 47% 11% / 0.14)`,
+        'ui-shadow-md': `0 8px 24px hsl(${h} 47% 11% / 0.08)`,
+        'ui-shadow-sm': `0 1px 2px hsl(${h} 47% 11% / 0.06)`
+    };
+};
+const createStructureTokens = (hue, scheme = 'light') => ({
+    ...lumenRadiusTokens,
+    ...createShadowTokens(hue, scheme),
+    ...lumenTypographyTokens,
+    ...lumenMotionTokens
+});
+export const createThemePalette = (brand, accent = brand) => ({
+    accent,
+    brand,
+    'brand-soft': brand.replace(/(\d+)%$/, '96%'),
+    'brand-solid': brand,
+    canvas: '0 0% 100%',
+    danger: '0 84% 60%',
+    ink: '222 47% 11%',
+    'ink-muted': '215 12% 48%',
+    'ink-soft': '215 16% 32%',
+    line: '220 13% 86%',
+    success: '142 71% 36%',
+    surface: '0 0% 100%',
+    'surface-muted': '220 14% 96%',
+    'surface-strong': '220 13% 91%',
+    warning: '38 92% 50%',
+    ...createGlassThemeTokens(getHueFromToken(brand)),
+    ...createStructureTokens(getHueFromToken(brand))
+});
+/**
+ * Derives a complete token set from a single brand hue.
+ * Neutral surfaces pick up a faint tint of the hue; the accent sits 150deg
+ * away on the wheel. Status colors stay fixed for recognizability.
+ * Mirrored by the ThemeBuilder runtime enhancement in lumen-astro.
+ */
+export const createThemeFromHue = (hue, options = {}) => {
+    const h = normalizeHue(hue);
+    const accentHue = normalizeHue(options.accentHue ?? h + 150);
+    if (options.scheme === 'dark') {
+        return {
+            accent: `${accentHue} 70% 48%`,
+            brand: `${h} 88% 60%`,
+            'brand-soft': `${h} 80% 16%`,
+            'brand-solid': `${h} 88% 46%`,
+            canvas: `${h} 24% 8%`,
+            danger: '0 84% 65%',
+            ink: `${h} 20% 96%`,
+            'ink-muted': `${h} 10% 62%`,
+            'ink-soft': `${h} 14% 77%`,
+            line: `${h} 14% 26%`,
+            success: '142 69% 45%',
+            surface: `${h} 18% 11%`,
+            'surface-muted': `${h} 16% 15%`,
+            'surface-strong': `${h} 14% 22%`,
+            warning: '38 92% 55%',
+            ...createGlassThemeTokens(h, 'dark'),
+            ...createStructureTokens(h, 'dark')
+        };
+    }
+    return {
+        accent: `${accentHue} 70% 40%`,
+        brand: `${h} 85% 53%`,
+        'brand-soft': `${h} 90% 96%`,
+        'brand-solid': `${h} 85% 45%`,
+        canvas: `${h} 20% 99%`,
+        danger: '0 84% 60%',
+        ink: `${h} 40% 11%`,
+        'ink-muted': `${h} 10% 48%`,
+        'ink-soft': `${h} 14% 32%`,
+        line: `${h} 14% 86%`,
+        success: '142 71% 36%',
+        surface: `${h} 20% 100%`,
+        'surface-muted': `${h} 16% 96%`,
+        'surface-strong': `${h} 14% 91%`,
+        warning: '38 92% 50%',
+        ...createGlassThemeTokens(h),
+        ...createStructureTokens(h)
+    };
+};
+const hslToRgb = (value) => {
+    const [hue = 0, saturation = 0, lightness = 0] = value
+        .replaceAll('%', '')
+        .split(/\s+/)
+        .map(Number);
+    const s = saturation / 100;
+    const l = lightness / 100;
+    const c = (1 - Math.abs(2 * l - 1)) * s;
+    const x = c * (1 - Math.abs(((hue / 60) % 2) - 1));
+    const m = l - c / 2;
+    let rgb = [c, 0, x];
+    if (hue < 60) {
+        rgb = [c, x, 0];
+    }
+    else if (hue < 120) {
+        rgb = [x, c, 0];
+    }
+    else if (hue < 180) {
+        rgb = [0, c, x];
+    }
+    else if (hue < 240) {
+        rgb = [0, x, c];
+    }
+    else if (hue < 300) {
+        rgb = [x, 0, c];
+    }
+    const [r, g, b] = rgb;
+    return [
+        Math.round((r + m) * 255),
+        Math.round((g + m) * 255),
+        Math.round((b + m) * 255)
+    ];
+};
+const getRelativeLuminance = ([r, g, b]) => {
+    const [red, green, blue] = [r, g, b].map(channel => {
+        const value = channel / 255;
+        return value <= 0.03928
+            ? value / 12.92
+            : ((value + 0.055) / 1.055) ** 2.4;
+    });
+    return 0.2126 * (red ?? 0) + 0.7152 * (green ?? 0) + 0.0722 * (blue ?? 0);
+};
+export const getContrastRatio = (foreground, background) => {
+    const foregroundLuminance = getRelativeLuminance(hslToRgb(foreground));
+    const backgroundLuminance = getRelativeLuminance(hslToRgb(background));
+    const lighter = Math.max(foregroundLuminance, backgroundLuminance);
+    const darker = Math.min(foregroundLuminance, backgroundLuminance);
+    return Number(((lighter + 0.05) / (darker + 0.05)).toFixed(2));
+};
+export const scoreThemeContrast = (tokens, foreground = 'ink', background = 'canvas') => {
+    const ratio = getContrastRatio(tokens[foreground] ?? '0 0% 0%', tokens[background] ?? '0 0% 100%');
+    return {
+        ratio,
+        wcagAA: ratio >= 4.5,
+        wcagAAA: ratio >= 7
+    };
+};
+export const mergeThemeTokens = (tokens, overrides) => ({
+    ...tokens,
+    ...Object.fromEntries(Object.entries(overrides).filter((entry) => Boolean(entry[1])))
+});
+export const suggestReadableInk = (background) => {
+    const darkForeground = '0 0% 0%';
+    const lightForeground = '0 0% 100%';
+    const darkRatio = getContrastRatio(darkForeground, background);
+    const lightRatio = getContrastRatio(lightForeground, background);
+    return darkRatio >= lightRatio
+        ? { background, foreground: darkForeground, ratio: darkRatio }
+        : { background, foreground: lightForeground, ratio: lightRatio };
+};
+export const tuneThemeContrast = (tokens, foreground = 'ink', background = 'canvas') => {
+    const current = scoreThemeContrast(tokens, foreground, background);
+    if (current.wcagAA)
+        return { ...tokens };
+    const suggestion = suggestReadableInk(tokens[background] ?? '0 0% 100%');
+    return {
+        ...tokens,
+        [foreground]: suggestion.foreground
+    };
+};