@happyvertical/smrt-ui 0.30.0

package/dist/themes/types.js

@@ -0,0 +1,15 @@
+/**
+ * Unified Theme System Types
+ *
+ * Core types for the multi-theme architecture supporting Material, Glass, and Studio themes.
+ */
+/**
+ * Default theme configuration
+ */
+export const defaultThemeConfig = {
+    preset: 'material',
+    colorScheme: 'system',
+    borderRadius: 'md',
+    persist: true,
+    storageKey: 'smrt-theme',
+};

package/dist/types-generic.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Generic component types migrated from @happyvertical/svelte
+ */
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes, HTMLButtonAttributes } from 'svelte/elements';
+export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+export type BadgeSize = 'sm' | 'md';
+export interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'class'> {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    children?: Snippet;
+}
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends Omit<HTMLButtonAttributes, 'class'> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    href?: string;
+    children?: Snippet;
+}
+export type CardVariant = 'default' | 'outlined' | 'elevated';
+export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    variant?: CardVariant;
+    padding?: CardPadding;
+    hoverable?: boolean;
+    children?: Snippet;
+    header?: Snippet;
+    footer?: Snippet;
+}
+export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarStatus = 'online' | 'offline' | 'away' | 'busy';
+export type ChipSize = 'sm' | 'md';
+export type SkeletonVariant = 'text' | 'circle' | 'rect';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type DropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+/** An item in a `Dropdown`/`Menu`. */
+export interface MenuItem {
+    /** Stable id, returned by `onselect`. */
+    id: string;
+    /** Visible item label. */
+    label: string;
+    /** Disable this item. */
+    disabled?: boolean;
+    /** Per-item activation handler. */
+    onselect?: () => void;
+}
+/** A node in a `Tree`. */
+export interface TreeNode {
+    /** Stable id, returned by `onselect`. */
+    id: string;
+    /** Visible node label. */
+    label: string;
+    /** Child nodes; presence makes the node expandable. */
+    children?: TreeNode[];
+}
+export type ChatMessageRole = 'user' | 'agent' | 'system';
+export interface DayEventDetail {
+    type: string;
+    name: string;
+    slug: string;
+    startTime: string;
+    venue?: string;
+    councilSlug?: string;
+}
+export interface DayEventsData {
+    date: string;
+    events: DayEventDetail[];
+}
+export interface DayForecast {
+    icon: string;
+    high: number;
+    low: number;
+}
+//# sourceMappingURL=types-generic.d.ts.map

package/dist/types-generic.d.ts.map

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

package/dist/types-generic.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/forms/__tests__/formatters.test.js

@@ -0,0 +1,27 @@
+import { describe, expect, it } from 'vitest';
+import { formatEmail, formatText, matchOption, parseSpokenBoolean, } from '../formatters';
+describe('Form Formatters', () => {
+    it('should format email correctly', () => {
+        expect(formatEmail('john at example dot com')).toBe('john@example.com');
+        expect(formatEmail('JOHN DOT DOE AT GMAIL DOT COM')).toBe('john.doe@gmail.com');
+    });
+    it('should format text correctly', () => {
+        expect(formatText('my name is John')).toBe('John');
+        expect(formatText('um so well hello')).toBe('hello');
+    });
+    it('should parse spoken boolean correctly', () => {
+        expect(parseSpokenBoolean('yes please')).toBe(true);
+        expect(parseSpokenBoolean('no way')).toBe(false);
+        expect(parseSpokenBoolean('maybe')).toBe(null);
+    });
+    it('should match options correctly', () => {
+        const options = [
+            { label: 'Red', value: 'red' },
+            { label: 'Green', value: 'green' },
+            { label: 'Blue', value: 'blue' },
+        ];
+        expect(matchOption('red', options)).toBe('red');
+        expect(matchOption('I want green', options)).toBe('green');
+        expect(matchOption('yellow', options)).toBe(null);
+    });
+});

package/dist/utils/forms/formatters.d.ts

@@ -0,0 +1,14 @@
+export declare function formatEmail(transcript: string): string;
+export declare function formatText(transcript: string): string;
+/**
+ * Parses a spoken string into a boolean value.
+ */
+export declare function parseSpokenBoolean(text: string): boolean | null;
+/**
+ * Matches a spoken string against a list of options.
+ */
+export declare function matchOption(spokenText: string, options: Array<{
+    label: string;
+    value: string;
+}>): string | null;
+//# sourceMappingURL=formatters.d.ts.map

package/dist/utils/forms/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../../src/utils/forms/formatters.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAStD;AAED,wBAAgB,UAAU,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAKrD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAsC/D;AAED;;GAEG;AACH,wBAAgB,WAAW,CACzB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,GAC/C,MAAM,GAAG,IAAI,CAwBf"}

package/dist/utils/forms/formatters.js

@@ -0,0 +1,77 @@
+export function formatEmail(transcript) {
+    return transcript
+        .toLowerCase()
+        .replace(/\s+at\s+/gi, '@')
+        .replace(/\bat\b/gi, '@')
+        .replace(/\s+dot\s+/gi, '.')
+        .replace(/\bdot\b/gi, '.')
+        .replace(/\s+/g, '')
+        .trim();
+}
+export function formatText(transcript) {
+    return transcript
+        .replace(/^(my name is|i am|i'm|it's|this is|the name is)\s*/i, '')
+        .replace(/\b(um|uh|like|so|well)\b\s*/gi, '')
+        .trim();
+}
+/**
+ * Parses a spoken string into a boolean value.
+ */
+export function parseSpokenBoolean(text) {
+    const normalized = text.toLowerCase().trim();
+    const trueWords = [
+        'yes',
+        'yeah',
+        'yep',
+        'true',
+        'correct',
+        'affirmative',
+        'check',
+        'checked',
+        'on',
+        'enable',
+        'enabled',
+    ];
+    const falseWords = [
+        'no',
+        'nope',
+        'false',
+        'incorrect',
+        'negative',
+        'uncheck',
+        'unchecked',
+        'off',
+        'disable',
+        'disabled',
+    ];
+    for (const word of trueWords) {
+        if (normalized.includes(word))
+            return true;
+    }
+    for (const word of falseWords) {
+        if (normalized.includes(word))
+            return false;
+    }
+    return null;
+}
+/**
+ * Matches a spoken string against a list of options.
+ */
+export function matchOption(spokenText, options) {
+    const normalized = spokenText.toLowerCase().trim();
+    // Try exact match first
+    for (const opt of options) {
+        if (opt.value.toLowerCase() === normalized ||
+            opt.label.toLowerCase() === normalized) {
+            return opt.value;
+        }
+    }
+    // Try partial match
+    for (const opt of options) {
+        if (opt.label.toLowerCase().includes(normalized) ||
+            normalized.includes(opt.label.toLowerCase())) {
+            return opt.value;
+        }
+    }
+    return null;
+}

package/dist/utils/import-optional.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Load an optional dependency without forcing bundlers to statically include it.
+ */
+export declare function importOptional<TModule = unknown>(moduleName: string): Promise<TModule>;
+//# sourceMappingURL=import-optional.d.ts.map

package/dist/utils/import-optional.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-optional.d.ts","sourceRoot":"","sources":["../../src/utils/import-optional.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAsB,cAAc,CAAC,OAAO,GAAG,OAAO,EACpD,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,OAAO,CAAC,CAGlB"}

package/dist/utils/import-optional.js

@@ -0,0 +1,7 @@
+/**
+ * Load an optional dependency without forcing bundlers to statically include it.
+ */
+export async function importOptional(moduleName) {
+    const name = moduleName;
+    return import(/* @vite-ignore */ name);
+}

package/dist/utils/theme/__tests__/color.test.js

@@ -0,0 +1,72 @@
+import { describe, expect, it } from 'vitest';
+import { generateTheme, getContrastRatio, getLuminance, hexToRgb, meetsContrastAA, meetsContrastAAA, rgbToHex, } from '../color';
+describe('Theme Color Utilities', () => {
+    it('should convert hex to rgb correctly', () => {
+        expect(hexToRgb('#000000')).toEqual({ r: 0, g: 0, b: 0 });
+        expect(hexToRgb('#ffffff')).toEqual({ r: 255, g: 255, b: 255 });
+        expect(hexToRgb('#FF5733')).toEqual({ r: 255, g: 87, b: 51 });
+    });
+    it('should convert rgb to hex correctly', () => {
+        expect(rgbToHex(0, 0, 0)).toBe('#000000');
+        expect(rgbToHex(255, 255, 255)).toBe('#ffffff');
+        expect(rgbToHex(255, 87, 51)).toBe('#ff5733');
+    });
+    it('should generate a theme palette from a seed color', () => {
+        const seed = '#6750A4'; // M3 Baseline Purple
+        const theme = generateTheme(seed);
+        // Check for critical M3 keys
+        expect(theme).toHaveProperty('primary');
+        expect(theme).toHaveProperty('onPrimary');
+        expect(theme).toHaveProperty('primaryContainer');
+        expect(theme).toHaveProperty('onPrimaryContainer');
+        expect(theme).toHaveProperty('secondary');
+        expect(theme).toHaveProperty('surface');
+        expect(theme).toHaveProperty('background');
+        expect(theme).toHaveProperty('error');
+        // Basic validity check (strings should be hex colors)
+        expect(theme.primary).toMatch(/^#[0-9a-fA-F]{6}$/);
+    });
+    it('should generate different palettes for light and dark modes', () => {
+        const seed = '#6750A4';
+        const lightTheme = generateTheme(seed, 'light');
+        const darkTheme = generateTheme(seed, 'dark');
+        expect(lightTheme.primary).not.toBe(darkTheme.primary);
+        // In M3, dark mode primary is usually lighter/desaturated compared to light mode
+    });
+});
+describe('Color Contrast Utilities', () => {
+    it('should calculate luminance correctly', () => {
+        // Black has luminance 0
+        expect(getLuminance({ r: 0, g: 0, b: 0 })).toBe(0);
+        // White has luminance 1
+        expect(getLuminance({ r: 255, g: 255, b: 255 })).toBe(1);
+        // Mid gray should be around 0.2
+        const midGray = getLuminance({ r: 128, g: 128, b: 128 });
+        expect(midGray).toBeGreaterThan(0.1);
+        expect(midGray).toBeLessThan(0.3);
+    });
+    it('should calculate contrast ratio correctly', () => {
+        const black = { r: 0, g: 0, b: 0 };
+        const white = { r: 255, g: 255, b: 255 };
+        // Black on white should be 21:1 (maximum contrast)
+        expect(getContrastRatio(black, white)).toBeCloseTo(21, 0);
+        // Same color should be 1:1 (no contrast)
+        expect(getContrastRatio(black, black)).toBe(1);
+    });
+    it('should validate WCAG AA contrast requirements', () => {
+        // Black on white passes AA
+        expect(meetsContrastAA('#000000', '#ffffff')).toBe(true);
+        // Light gray on white fails AA for normal text
+        expect(meetsContrastAA('#999999', '#ffffff')).toBe(false);
+        // Light gray on white passes AA for large text (3:1 threshold)
+        expect(meetsContrastAA('#767676', '#ffffff', true)).toBe(true);
+    });
+    it('should validate WCAG AAA contrast requirements', () => {
+        // Black on white passes AAA
+        expect(meetsContrastAAA('#000000', '#ffffff')).toBe(true);
+        // Medium gray on white fails AAA for normal text (needs 7:1)
+        expect(meetsContrastAAA('#666666', '#ffffff')).toBe(false);
+        // Darker gray passes AAA for large text (4.5:1 threshold)
+        expect(meetsContrastAAA('#595959', '#ffffff', true)).toBe(true);
+    });
+});

package/dist/utils/theme/__tests__/typography.test.js

@@ -0,0 +1,11 @@
+import { describe, expect, it } from 'vitest';
+import { elevationTokens, typographyTokens } from '../typography';
+describe('Typography & Elevation Tokens', () => {
+    it('should have valid typography tokens', () => {
+        expect(typographyTokens['--md-sys-typescale-body-large-font']).toBeDefined();
+        expect(typographyTokens['--md-sys-typescale-display-large-font']).toContain('Roboto');
+    });
+    it('should have valid elevation tokens', () => {
+        expect(elevationTokens['--md-sys-elevation-level1']).toBeDefined();
+    });
+});

package/dist/utils/theme/color.d.ts

@@ -0,0 +1,70 @@
+export interface Rgb {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface Hsl {
+    h: number;
+    s: number;
+    l: number;
+}
+export interface Theme {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    tertiary: string;
+    onTertiary: string;
+    tertiaryContainer: string;
+    onTertiaryContainer: string;
+    error: string;
+    onError: string;
+    errorContainer: string;
+    onErrorContainer: string;
+    background: string;
+    onBackground: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    outline: string;
+    outlineVariant: string;
+    shadow: string;
+    scrim: string;
+    inverseSurface: string;
+    inverseOnSurface: string;
+    inversePrimary: string;
+    surfaceDim: string;
+    surfaceBright: string;
+    surfaceContainerLowest: string;
+    surfaceContainerLow: string;
+    surfaceContainer: string;
+    surfaceContainerHigh: string;
+    surfaceContainerHighest: string;
+}
+export declare function hexToRgb(hex: string): Rgb;
+export declare function rgbToHex(r: number, g: number, b: number): string;
+/**
+ * Calculate relative luminance of a color per WCAG 2.1
+ * https://www.w3.org/WAI/GL/wiki/Relative_luminance
+ */
+export declare function getLuminance(rgb: Rgb): number;
+/**
+ * Calculate contrast ratio between two colors per WCAG 2.1
+ * Returns a value between 1 and 21
+ */
+export declare function getContrastRatio(fg: Rgb, bg: Rgb): number;
+/**
+ * Check if contrast meets WCAG AA standard (4.5:1 for normal text, 3:1 for large text)
+ */
+export declare function meetsContrastAA(fg: string | Rgb, bg: string | Rgb, largeText?: boolean): boolean;
+/**
+ * Check if contrast meets WCAG AAA standard (7:1 for normal text, 4.5:1 for large text)
+ */
+export declare function meetsContrastAAA(fg: string | Rgb, bg: string | Rgb, largeText?: boolean): boolean;
+export declare function generateTheme(seedColor: string, mode?: 'light' | 'dark'): Theme;
+//# sourceMappingURL=color.d.ts.map

package/dist/utils/theme/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/color.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAGD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAMzC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAMhE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAM7C;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,GAAG,MAAM,CAMzD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,EAAE,EAAE,MAAM,GAAG,GAAG,EAChB,EAAE,EAAE,MAAM,GAAG,GAAG,EAChB,SAAS,UAAQ,GAChB,OAAO,CAKT;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,EAAE,EAAE,MAAM,GAAG,GAAG,EAChB,EAAE,EAAE,MAAM,GAAG,GAAG,EAChB,SAAS,UAAQ,GAChB,OAAO,CAKT;AAmED,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,IAAI,GAAE,OAAO,GAAG,MAAgB,GAC/B,KAAK,CA2HP"}

package/dist/utils/theme/color.js

@@ -0,0 +1,221 @@
+export function hexToRgb(hex) {
+    const cleanHex = hex.replace('#', '');
+    const r = parseInt(cleanHex.substring(0, 2), 16);
+    const g = parseInt(cleanHex.substring(2, 4), 16);
+    const b = parseInt(cleanHex.substring(4, 6), 16);
+    return { r, g, b };
+}
+export function rgbToHex(r, g, b) {
+    const toHex = (c) => {
+        const hex = Math.round(Math.max(0, Math.min(255, c))).toString(16);
+        return hex.length === 1 ? `0${hex}` : hex;
+    };
+    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+/**
+ * Calculate relative luminance of a color per WCAG 2.1
+ * https://www.w3.org/WAI/GL/wiki/Relative_luminance
+ */
+export function getLuminance(rgb) {
+    const [r, g, b] = [rgb.r, rgb.g, rgb.b].map((c) => {
+        const sRGB = c / 255;
+        return sRGB <= 0.03928 ? sRGB / 12.92 : ((sRGB + 0.055) / 1.055) ** 2.4;
+    });
+    return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+/**
+ * Calculate contrast ratio between two colors per WCAG 2.1
+ * Returns a value between 1 and 21
+ */
+export function getContrastRatio(fg, bg) {
+    const L1 = getLuminance(fg);
+    const L2 = getLuminance(bg);
+    const lighter = Math.max(L1, L2);
+    const darker = Math.min(L1, L2);
+    return (lighter + 0.05) / (darker + 0.05);
+}
+/**
+ * Check if contrast meets WCAG AA standard (4.5:1 for normal text, 3:1 for large text)
+ */
+export function meetsContrastAA(fg, bg, largeText = false) {
+    const fgRgb = typeof fg === 'string' ? hexToRgb(fg) : fg;
+    const bgRgb = typeof bg === 'string' ? hexToRgb(bg) : bg;
+    const ratio = getContrastRatio(fgRgb, bgRgb);
+    return ratio >= (largeText ? 3 : 4.5);
+}
+/**
+ * Check if contrast meets WCAG AAA standard (7:1 for normal text, 4.5:1 for large text)
+ */
+export function meetsContrastAAA(fg, bg, largeText = false) {
+    const fgRgb = typeof fg === 'string' ? hexToRgb(fg) : fg;
+    const bgRgb = typeof bg === 'string' ? hexToRgb(bg) : bg;
+    const ratio = getContrastRatio(fgRgb, bgRgb);
+    return ratio >= (largeText ? 4.5 : 7);
+}
+function rgbToHsl(r, g, b) {
+    r /= 255;
+    g /= 255;
+    b /= 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0, s = 0, l = (max + min) / 2;
+    if (max !== min) {
+        const d = max - min;
+        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+        switch (max) {
+            case r:
+                h = (g - b) / d + (g < b ? 6 : 0);
+                break;
+            case g:
+                h = (b - r) / d + 2;
+                break;
+            case b:
+                h = (r - g) / d + 4;
+                break;
+        }
+        h /= 6;
+    }
+    return { h: h * 360, s: s * 100, l: l * 100 };
+}
+function hslToRgb(h, s, l) {
+    h /= 360;
+    s /= 100;
+    l /= 100;
+    let r, g, b;
+    if (s === 0) {
+        r = g = b = l;
+    }
+    else {
+        const hue2rgb = (p, q, t) => {
+            if (t < 0)
+                t += 1;
+            if (t > 1)
+                t -= 1;
+            if (t < 1 / 6)
+                return p + (q - p) * 6 * t;
+            if (t < 1 / 2)
+                return q;
+            if (t < 2 / 3)
+                return p + (q - p) * (2 / 3 - t) * 6;
+            return p;
+        };
+        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+        const p = 2 * l - q;
+        r = hue2rgb(p, q, h + 1 / 3);
+        g = hue2rgb(p, q, h);
+        b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return { r: r * 255, g: g * 255, b: b * 255 };
+}
+function hslToHex(h, s, l) {
+    const { r, g, b } = hslToRgb(h, s, l);
+    return rgbToHex(r, g, b);
+}
+// Generate a color with the same Hue and Saturation but specific Lightness
+function tone(h, s, l) {
+    return hslToHex(h, s, l);
+}
+export function generateTheme(seedColor, mode = 'light') {
+    const rgb = hexToRgb(seedColor);
+    const hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);
+    // Tonal Palettes (Simplified M3 Logic)
+    // Primary: Keep seed hue/sat
+    const p_h = hsl.h;
+    const p_s = Math.max(hsl.s, 40); // Ensure some vibrancy
+    // Secondary: Less vibrant
+    const s_h = p_h;
+    const s_s = Math.max(p_s / 3, 20);
+    // Tertiary: Shifted hue
+    const t_h = (p_h + 60) % 360;
+    const t_s = Math.max(p_s / 1.5, 30);
+    // Neutral
+    const n_h = p_h;
+    const n_s = Math.min(p_s / 10, 8); // Very low saturation
+    // Neutral Variant
+    const nv_h = p_h;
+    const nv_s = Math.min(p_s / 6, 16);
+    // Error (Red)
+    const e_h = 0; // Red
+    const e_s = 80;
+    if (mode === 'light') {
+        return {
+            primary: tone(p_h, p_s, 40),
+            onPrimary: tone(p_h, p_s, 100),
+            primaryContainer: tone(p_h, p_s, 90),
+            onPrimaryContainer: tone(p_h, p_s, 10),
+            secondary: tone(s_h, s_s, 40),
+            onSecondary: tone(s_h, s_s, 100),
+            secondaryContainer: tone(s_h, s_s, 90),
+            onSecondaryContainer: tone(s_h, s_s, 10),
+            tertiary: tone(t_h, t_s, 40),
+            onTertiary: tone(t_h, t_s, 100),
+            tertiaryContainer: tone(t_h, t_s, 90),
+            onTertiaryContainer: tone(t_h, t_s, 10),
+            error: tone(e_h, e_s, 40),
+            onError: tone(e_h, e_s, 100),
+            errorContainer: tone(e_h, e_s, 90),
+            onErrorContainer: tone(e_h, e_s, 10),
+            background: tone(n_h, n_s, 99),
+            onBackground: tone(n_h, n_s, 10),
+            surface: tone(n_h, n_s, 99),
+            onSurface: tone(n_h, n_s, 10),
+            surfaceVariant: tone(nv_h, nv_s, 90),
+            onSurfaceVariant: tone(nv_h, nv_s, 30),
+            outline: tone(nv_h, nv_s, 50),
+            outlineVariant: tone(nv_h, nv_s, 80),
+            shadow: tone(0, 0, 0),
+            scrim: tone(0, 0, 0),
+            inverseSurface: tone(n_h, n_s, 20),
+            inverseOnSurface: tone(n_h, n_s, 95),
+            inversePrimary: tone(p_h, p_s, 80),
+            surfaceDim: tone(n_h, n_s, 87),
+            surfaceBright: tone(n_h, n_s, 98),
+            surfaceContainerLowest: tone(n_h, n_s, 100),
+            surfaceContainerLow: tone(n_h, n_s, 96),
+            surfaceContainer: tone(n_h, n_s, 94),
+            surfaceContainerHigh: tone(n_h, n_s, 92),
+            surfaceContainerHighest: tone(n_h, n_s, 90),
+        };
+    }
+    else {
+        // Dark Mode mappings
+        return {
+            primary: tone(p_h, p_s, 80),
+            onPrimary: tone(p_h, p_s, 20),
+            primaryContainer: tone(p_h, p_s, 30),
+            onPrimaryContainer: tone(p_h, p_s, 90),
+            secondary: tone(s_h, s_s, 80),
+            onSecondary: tone(s_h, s_s, 20),
+            secondaryContainer: tone(s_h, s_s, 30),
+            onSecondaryContainer: tone(s_h, s_s, 90),
+            tertiary: tone(t_h, t_s, 80),
+            onTertiary: tone(t_h, t_s, 20),
+            tertiaryContainer: tone(t_h, t_s, 30),
+            onTertiaryContainer: tone(t_h, t_s, 90),
+            error: tone(e_h, e_s, 80),
+            onError: tone(e_h, e_s, 20),
+            errorContainer: tone(e_h, e_s, 30),
+            onErrorContainer: tone(e_h, e_s, 90),
+            background: tone(n_h, n_s, 10),
+            onBackground: tone(n_h, n_s, 90),
+            surface: tone(n_h, n_s, 10),
+            onSurface: tone(n_h, n_s, 90),
+            surfaceVariant: tone(nv_h, nv_s, 30),
+            onSurfaceVariant: tone(nv_h, nv_s, 80),
+            outline: tone(nv_h, nv_s, 60),
+            outlineVariant: tone(nv_h, nv_s, 30),
+            shadow: tone(0, 0, 0),
+            scrim: tone(0, 0, 0),
+            inverseSurface: tone(n_h, n_s, 90),
+            inverseOnSurface: tone(n_h, n_s, 20),
+            inversePrimary: tone(p_h, p_s, 40),
+            surfaceDim: tone(n_h, n_s, 6),
+            surfaceBright: tone(n_h, n_s, 24),
+            surfaceContainerLowest: tone(n_h, n_s, 4),
+            surfaceContainerLow: tone(n_h, n_s, 10),
+            surfaceContainer: tone(n_h, n_s, 12),
+            surfaceContainerHigh: tone(n_h, n_s, 17),
+            surfaceContainerHighest: tone(n_h, n_s, 22),
+        };
+    }
+}

package/dist/utils/theme/typography.d.ts

@@ -0,0 +1,27 @@
+export declare const typographyTokens: {
+    '--smrt-font-family': string;
+    '--md-sys-typescale-display-large-font': string;
+    '--md-sys-typescale-display-medium-font': string;
+    '--md-sys-typescale-display-small-font': string;
+    '--md-sys-typescale-headline-large-font': string;
+    '--md-sys-typescale-headline-medium-font': string;
+    '--md-sys-typescale-headline-small-font': string;
+    '--md-sys-typescale-title-large-font': string;
+    '--md-sys-typescale-title-medium-font': string;
+    '--md-sys-typescale-title-small-font': string;
+    '--md-sys-typescale-label-large-font': string;
+    '--md-sys-typescale-label-medium-font': string;
+    '--md-sys-typescale-label-small-font': string;
+    '--md-sys-typescale-body-large-font': string;
+    '--md-sys-typescale-body-medium-font': string;
+    '--md-sys-typescale-body-small-font': string;
+};
+export declare const elevationTokens: {
+    '--md-sys-elevation-level0': string;
+    '--md-sys-elevation-level1': string;
+    '--md-sys-elevation-level2': string;
+    '--md-sys-elevation-level3': string;
+    '--md-sys-elevation-level4': string;
+    '--md-sys-elevation-level5': string;
+};
+//# sourceMappingURL=typography.d.ts.map

package/dist/utils/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/typography.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;CAuB5B,CAAC;AAGF,eAAO,MAAM,eAAe;;;;;;;CAY3B,CAAC"}