@happyvertical/smrt-ui 0.30.0

package/dist/themes/styles/studio.css

@@ -0,0 +1,416 @@
+/**
+ * Studio Theme CSS
+ *
+ * Static CSS file for Studio theme.
+ * Can be imported at build time for SSR or when JS theming is not needed.
+ *
+ * @usage import '@smrt/svelte/themes/styles/studio.css';
+ */
+
+[data-theme="studio"][data-color-scheme="light"] {
+  /* Primary - Google Blue */
+  --smrt-color-primary: #1a73e8;
+  --smrt-color-on-primary: #ffffff;
+  --smrt-color-primary-container: #e8f0fe;
+  --smrt-color-on-primary-container: #174ea6;
+
+  /* Secondary - Neutral gray */
+  --smrt-color-secondary: #5f6368;
+  --smrt-color-on-secondary: #ffffff;
+  --smrt-color-secondary-container: #f1f3f4;
+  --smrt-color-on-secondary-container: #3c4043;
+
+  /* Tertiary - Purple accent */
+  --smrt-color-tertiary: #9334e6;
+  --smrt-color-on-tertiary: #ffffff;
+  --smrt-color-tertiary-container: #f3e8fd;
+  --smrt-color-on-tertiary-container: #6b12b8;
+
+  /* Error - Google red */
+  --smrt-color-error: #d93025;
+  --smrt-color-on-error: #ffffff;
+  --smrt-color-error-container: #fce8e6;
+  --smrt-color-on-error-container: #a50e0e;
+
+  /* Warning - Amber */
+  --smrt-color-warning: #f9ab00;
+  --smrt-color-on-warning: #000000;
+  --smrt-color-warning-container: #fef3c7;
+  --smrt-color-on-warning-container: #92400e;
+
+  /* Success - Teal/green */
+  --smrt-color-success: #188038;
+  --smrt-color-on-success: #ffffff;
+  --smrt-color-success-container: #e6f4ea;
+  --smrt-color-on-success-container: #137333;
+
+  /* Surface - Pure white, flat */
+  --smrt-color-surface: #ffffff;
+  --smrt-color-on-surface: #202124;
+  --smrt-color-surface-variant: #f8f9fa;
+  --smrt-color-on-surface-variant: #5f6368;
+  --smrt-color-surface-container: #f1f3f4;
+  --smrt-color-surface-container-low: #f8f9fa;
+  --smrt-color-surface-container-high: #e8eaed;
+  --smrt-color-surface-container-highest: #dadce0;
+  --smrt-color-surface-container-lowest: #ffffff;
+  --smrt-color-surface-dim: #e8eaed;
+  --smrt-color-surface-bright: #ffffff;
+
+  /* Background */
+  --smrt-color-background: #ffffff;
+  --smrt-color-on-background: #202124;
+
+  /* Outline - Light gray borders */
+  --smrt-color-outline: #dadce0;
+  --smrt-color-outline-variant: #e8eaed;
+
+  /* Inverse */
+  --smrt-color-inverse-surface: #3c4043;
+  --smrt-color-inverse-on-surface: #f1f3f4;
+  --smrt-color-inverse-primary: #8ab4f8;
+
+  /* Effects - Minimal shadows */
+  --smrt-color-shadow: rgba(60, 64, 67, 0.1);
+  --smrt-color-scrim: rgba(0, 0, 0, 0.5);
+
+  /* Theme metadata */
+  --smrt-theme-id: studio;
+  --smrt-theme-name: Studio;
+  --smrt-color-scheme: light;
+  --smrt-font-family: "Google Sans Text", "Roboto", "Segoe UI", system-ui, sans-serif;
+
+  /* Border Radius */
+  --smrt-radius-none: 0;
+  --smrt-radius-sm: 0.25rem;
+  --smrt-radius-md: 0.5rem;
+  --smrt-radius-lg: 0.75rem;
+  --smrt-radius-xl: 1rem;
+  --smrt-radius-2xl: 1.5rem;
+  --smrt-radius-3xl: 2rem;
+  --smrt-radius-full: 9999px;
+
+  /* Elevation - Minimal, subtle shadows */
+  --smrt-elevation-0: none;
+  --smrt-elevation-1: inset 0 0 0 1px rgba(60, 64, 67, 0.08);
+  --smrt-elevation-2: 0 1px 2px 0 rgba(60, 64, 67, 0.08), 0 1px 3px 0 rgba(60, 64, 67, 0.04);
+  --smrt-elevation-3: 0 2px 4px 0 rgba(60, 64, 67, 0.1), 0 1px 2px 0 rgba(60, 64, 67, 0.06);
+  --smrt-elevation-4: 0 4px 8px 0 rgba(60, 64, 67, 0.1), 0 2px 4px 0 rgba(60, 64, 67, 0.06);
+  --smrt-elevation-5: 0 8px 16px 0 rgba(60, 64, 67, 0.12), 0 4px 8px 0 rgba(60, 64, 67, 0.06);
+
+  /* Duration */
+  --smrt-duration-instant: 0ms;
+  --smrt-duration-fast: 100ms;
+  --smrt-duration-normal: 200ms;
+  --smrt-duration-slow: 300ms;
+  --smrt-duration-slower: 500ms;
+
+  /* Easing - Snappy studio style */
+  --smrt-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
+  --smrt-easing-standard-decelerate: cubic-bezier(0, 0, 0.2, 1);
+  --smrt-easing-standard-accelerate: cubic-bezier(0.4, 0, 1, 1);
+  --smrt-easing-emphasized: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --smrt-easing-emphasized-decelerate: cubic-bezier(0.0, 0, 0.2, 1);
+  --smrt-easing-emphasized-accelerate: cubic-bezier(0.4, 0, 1, 1);
+}
+
+[data-theme="studio"][data-color-scheme="dark"] {
+  /* Primary - Lighter blue */
+  --smrt-color-primary: #8ab4f8;
+  --smrt-color-on-primary: #062e6f;
+  --smrt-color-primary-container: #174ea6;
+  --smrt-color-on-primary-container: #d2e3fc;
+
+  /* Secondary */
+  --smrt-color-secondary: #9aa0a6;
+  --smrt-color-on-secondary: #202124;
+  --smrt-color-secondary-container: #3c4043;
+  --smrt-color-on-secondary-container: #e8eaed;
+
+  /* Tertiary */
+  --smrt-color-tertiary: #c58af9;
+  --smrt-color-on-tertiary: #3e1385;
+  --smrt-color-tertiary-container: #6b12b8;
+  --smrt-color-on-tertiary-container: #f3e8fd;
+
+  /* Error */
+  --smrt-color-error: #f28b82;
+  --smrt-color-on-error: #5c150c;
+  --smrt-color-error-container: #a50e0e;
+  --smrt-color-on-error-container: #fce8e6;
+
+  /* Warning */
+  --smrt-color-warning: #fdd663;
+  --smrt-color-on-warning: #5c3d00;
+  --smrt-color-warning-container: #92400e;
+  --smrt-color-on-warning-container: #fef3c7;
+
+  /* Success */
+  --smrt-color-success: #81c995;
+  --smrt-color-on-success: #0d3b1f;
+  --smrt-color-success-container: #137333;
+  --smrt-color-on-success-container: #e6f4ea;
+
+  /* Surface - Near black */
+  --smrt-color-surface: #0e0e0e;
+  --smrt-color-on-surface: #e8eaed;
+  --smrt-color-surface-variant: #1f1f1f;
+  --smrt-color-on-surface-variant: #9aa0a6;
+  --smrt-color-surface-container: #1f1f1f;
+  --smrt-color-surface-container-low: #141414;
+  --smrt-color-surface-container-high: #2d2d2d;
+  --smrt-color-surface-container-highest: #3c4043;
+  --smrt-color-surface-container-lowest: #0a0a0a;
+  --smrt-color-surface-dim: #141414;
+  --smrt-color-surface-bright: #2d2d2d;
+
+  /* Background */
+  --smrt-color-background: #0e0e0e;
+  --smrt-color-on-background: #e8eaed;
+
+  /* Outline */
+  --smrt-color-outline: #5f6368;
+  --smrt-color-outline-variant: #3c4043;
+
+  /* Inverse */
+  --smrt-color-inverse-surface: #e8eaed;
+  --smrt-color-inverse-on-surface: #202124;
+  --smrt-color-inverse-primary: #1a73e8;
+
+  /* Effects */
+  --smrt-color-shadow: rgba(0, 0, 0, 0.3);
+  --smrt-color-scrim: rgba(0, 0, 0, 0.7);
+
+  /* Theme metadata */
+  --smrt-theme-id: studio;
+  --smrt-theme-name: Studio;
+  --smrt-color-scheme: dark;
+  --smrt-font-family: "Google Sans Text", "Roboto", "Segoe UI", system-ui, sans-serif;
+
+  /* Border Radius (same as light) */
+  --smrt-radius-none: 0;
+  --smrt-radius-sm: 0.25rem;
+  --smrt-radius-md: 0.5rem;
+  --smrt-radius-lg: 0.75rem;
+  --smrt-radius-xl: 1rem;
+  --smrt-radius-2xl: 1.5rem;
+  --smrt-radius-3xl: 2rem;
+  --smrt-radius-full: 9999px;
+
+  /* Elevation (same as light) */
+  --smrt-elevation-0: none;
+  --smrt-elevation-1: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
+  --smrt-elevation-2: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
+  --smrt-elevation-3: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  --smrt-elevation-4: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+  --smrt-elevation-5: 0 8px 16px 0 rgba(0, 0, 0, 0.25), 0 4px 8px 0 rgba(0, 0, 0, 0.1);
+
+  /* Duration (same as light) */
+  --smrt-duration-instant: 0ms;
+  --smrt-duration-fast: 100ms;
+  --smrt-duration-normal: 200ms;
+  --smrt-duration-slow: 300ms;
+  --smrt-duration-slower: 500ms;
+
+  /* Easing (same as light) */
+  --smrt-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
+  --smrt-easing-standard-decelerate: cubic-bezier(0, 0, 0.2, 1);
+  --smrt-easing-standard-accelerate: cubic-bezier(0.4, 0, 1, 1);
+  --smrt-easing-emphasized: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --smrt-easing-emphasized-decelerate: cubic-bezier(0.0, 0, 0.2, 1);
+  --smrt-easing-emphasized-accelerate: cubic-bezier(0.4, 0, 1, 1);
+}
+
+/* Studio utility classes for flat design */
+.smrt-flat {
+  box-shadow: none;
+  border: 1px solid var(--smrt-color-outline);
+}
+
+.smrt-flat-inset {
+  box-shadow: inset 0 0 0 1px var(--smrt-color-outline);
+  border: none;
+}
+
+.smrt-flat-subtle {
+  box-shadow: var(--smrt-elevation-2);
+  border: none;
+}
+
+/* Studio focus styles - minimal */
+.smrt-focus-flat:focus-visible {
+  outline: 2px solid var(--smrt-color-primary);
+  outline-offset: 2px;
+}
+
+/*
+ * Material-3 vocabulary aliases + helper tokens (issue #1431).
+ * Scheme-independent, so declared once on the theme selector. These mirror the
+ * additive aliases emitted by src/themes/css-generator.ts so the static-CSS
+ * delivery path resolves the same consumed tokens as the JS ThemeProvider.
+ * Radius aliases reference the canonical t-shirt tokens so a preset that
+ * retunes its radius scale updates the aliases automatically.
+ */
+[data-theme="studio"] {
+  /* Radius aliases -> canonical t-shirt scale */
+  --smrt-radius-extra-small: var(--smrt-radius-sm);
+  --smrt-radius-small: var(--smrt-radius-sm);
+  --smrt-radius-medium: var(--smrt-radius-md);
+  --smrt-radius-large: var(--smrt-radius-lg);
+  --smrt-radius-extra-large: var(--smrt-radius-xl);
+
+  /* Spacing (numeric scale) */
+  --smrt-spacing-0: 0;
+  --smrt-spacing-0_5: 0.125rem;
+  --smrt-spacing-1: 0.25rem;
+  --smrt-spacing-1_5: 0.375rem;
+  --smrt-spacing-2: 0.5rem;
+  --smrt-spacing-2_5: 0.625rem;
+  --smrt-spacing-3: 0.75rem;
+  --smrt-spacing-3_5: 0.875rem;
+  --smrt-spacing-4: 1rem;
+  --smrt-spacing-5: 1.25rem;
+  --smrt-spacing-6: 1.5rem;
+  --smrt-spacing-7: 1.75rem;
+  --smrt-spacing-8: 2rem;
+  --smrt-spacing-9: 2.25rem;
+  --smrt-spacing-10: 2.5rem;
+  --smrt-spacing-11: 2.75rem;
+  --smrt-spacing-12: 3rem;
+  --smrt-spacing-14: 3.5rem;
+  --smrt-spacing-16: 4rem;
+  --smrt-spacing-20: 5rem;
+  --smrt-spacing-24: 6rem;
+
+  /* Spacing aliases (named -> numeric-scale values) */
+  --smrt-spacing-xs: var(--smrt-spacing-1);
+  --smrt-spacing-sm: var(--smrt-spacing-2);
+  --smrt-spacing-md: var(--smrt-spacing-4);
+  --smrt-spacing-lg: var(--smrt-spacing-6);
+  --smrt-spacing-xl: var(--smrt-spacing-8);
+  --smrt-spacing-2xl: var(--smrt-spacing-12);
+  --smrt-spacing-3xl: var(--smrt-spacing-16);
+
+  /* Motion duration aliases (M3 short1..long4) */
+  --smrt-duration-short1: 50ms;
+  --smrt-duration-short2: 100ms;
+  --smrt-duration-short3: 150ms;
+  --smrt-duration-short4: 200ms;
+  --smrt-duration-medium1: 250ms;
+  --smrt-duration-medium2: 300ms;
+  --smrt-duration-medium3: 350ms;
+  --smrt-duration-medium4: 400ms;
+  --smrt-duration-long1: 450ms;
+  --smrt-duration-long2: 500ms;
+  --smrt-duration-long3: 550ms;
+  --smrt-duration-long4: 600ms;
+
+  /* Helper tokens */
+  --smrt-font-family-mono: ui-monospace, "SF Mono", "Monaco", "Cascadia Code", "Consolas", monospace;
+  --smrt-typography-weight-normal: 400;
+  --smrt-typography-weight-medium: 500;
+  --smrt-typography-weight-semibold: 600;
+  --smrt-typography-weight-bold: 700;
+  --smrt-z-index-dropdown: 1000;
+  --smrt-z-index-sticky: 1100;
+  --smrt-z-index-overlay: 1200;
+  --smrt-z-index-modal: 1300;
+  --smrt-z-index-dialog: 1300;
+  --smrt-z-index-popover: 1400;
+  --smrt-z-index-toast: 1500;
+  --smrt-z-index-tooltip: 1600;
+  --smrt-z-index-loading: 1700;
+
+  /* Typography (issue #1431): full scale incl. `font` shorthand,
+     so the static-CSS path matches the JS ThemeProvider output) */
+  --smrt-typography-display-large-size: 3rem;
+  --smrt-typography-display-large-line-height: 1.1;
+  --smrt-typography-display-large-weight: 400;
+  --smrt-typography-display-large-tracking: -0.01em;
+  --smrt-typography-display-large-font-family: var(--smrt-font-family);
+  --smrt-typography-display-large-font: 400 3rem/1.1 var(--smrt-font-family);
+  --smrt-typography-display-medium-size: 2.5rem;
+  --smrt-typography-display-medium-line-height: 1.15;
+  --smrt-typography-display-medium-weight: 400;
+  --smrt-typography-display-medium-tracking: -0.008em;
+  --smrt-typography-display-medium-font-family: var(--smrt-font-family);
+  --smrt-typography-display-medium-font: 400 2.5rem/1.15 var(--smrt-font-family);
+  --smrt-typography-display-small-size: 2rem;
+  --smrt-typography-display-small-line-height: 1.2;
+  --smrt-typography-display-small-weight: 400;
+  --smrt-typography-display-small-tracking: -0.005em;
+  --smrt-typography-display-small-font-family: var(--smrt-font-family);
+  --smrt-typography-display-small-font: 400 2rem/1.2 var(--smrt-font-family);
+  --smrt-typography-headline-large-size: 1.75rem;
+  --smrt-typography-headline-large-line-height: 1.25;
+  --smrt-typography-headline-large-weight: 400;
+  --smrt-typography-headline-large-tracking: 0;
+  --smrt-typography-headline-large-font-family: var(--smrt-font-family);
+  --smrt-typography-headline-large-font: 400 1.75rem/1.25 var(--smrt-font-family);
+  --smrt-typography-headline-medium-size: 1.5rem;
+  --smrt-typography-headline-medium-line-height: 1.3;
+  --smrt-typography-headline-medium-weight: 400;
+  --smrt-typography-headline-medium-tracking: 0;
+  --smrt-typography-headline-medium-font-family: var(--smrt-font-family);
+  --smrt-typography-headline-medium-font: 400 1.5rem/1.3 var(--smrt-font-family);
+  --smrt-typography-headline-small-size: 1.25rem;
+  --smrt-typography-headline-small-line-height: 1.35;
+  --smrt-typography-headline-small-weight: 500;
+  --smrt-typography-headline-small-tracking: 0;
+  --smrt-typography-headline-small-font-family: var(--smrt-font-family);
+  --smrt-typography-headline-small-font: 500 1.25rem/1.35 var(--smrt-font-family);
+  --smrt-typography-title-large-size: 1.125rem;
+  --smrt-typography-title-large-line-height: 1.4;
+  --smrt-typography-title-large-weight: 500;
+  --smrt-typography-title-large-tracking: 0;
+  --smrt-typography-title-large-font-family: var(--smrt-font-family);
+  --smrt-typography-title-large-font: 500 1.125rem/1.4 var(--smrt-font-family);
+  --smrt-typography-title-medium-size: 1rem;
+  --smrt-typography-title-medium-line-height: 1.5;
+  --smrt-typography-title-medium-weight: 500;
+  --smrt-typography-title-medium-tracking: 0.01em;
+  --smrt-typography-title-medium-font-family: var(--smrt-font-family);
+  --smrt-typography-title-medium-font: 500 1rem/1.5 var(--smrt-font-family);
+  --smrt-typography-title-small-size: 0.875rem;
+  --smrt-typography-title-small-line-height: 1.5;
+  --smrt-typography-title-small-weight: 500;
+  --smrt-typography-title-small-tracking: 0.01em;
+  --smrt-typography-title-small-font-family: var(--smrt-font-family);
+  --smrt-typography-title-small-font: 500 0.875rem/1.5 var(--smrt-font-family);
+  --smrt-typography-body-large-size: 1rem;
+  --smrt-typography-body-large-line-height: 1.6;
+  --smrt-typography-body-large-weight: 400;
+  --smrt-typography-body-large-tracking: 0;
+  --smrt-typography-body-large-font-family: var(--smrt-font-family);
+  --smrt-typography-body-large-font: 400 1rem/1.6 var(--smrt-font-family);
+  --smrt-typography-body-medium-size: 0.875rem;
+  --smrt-typography-body-medium-line-height: 1.6;
+  --smrt-typography-body-medium-weight: 400;
+  --smrt-typography-body-medium-tracking: 0;
+  --smrt-typography-body-medium-font-family: var(--smrt-font-family);
+  --smrt-typography-body-medium-font: 400 0.875rem/1.6 var(--smrt-font-family);
+  --smrt-typography-body-small-size: 0.75rem;
+  --smrt-typography-body-small-line-height: 1.5;
+  --smrt-typography-body-small-weight: 400;
+  --smrt-typography-body-small-tracking: 0.01em;
+  --smrt-typography-body-small-font-family: var(--smrt-font-family);
+  --smrt-typography-body-small-font: 400 0.75rem/1.5 var(--smrt-font-family);
+  --smrt-typography-label-large-size: 0.875rem;
+  --smrt-typography-label-large-line-height: 1.5;
+  --smrt-typography-label-large-weight: 500;
+  --smrt-typography-label-large-tracking: 0.02em;
+  --smrt-typography-label-large-font-family: var(--smrt-font-family);
+  --smrt-typography-label-large-font: 500 0.875rem/1.5 var(--smrt-font-family);
+  --smrt-typography-label-medium-size: 0.75rem;
+  --smrt-typography-label-medium-line-height: 1.5;
+  --smrt-typography-label-medium-weight: 500;
+  --smrt-typography-label-medium-tracking: 0.025em;
+  --smrt-typography-label-medium-font-family: var(--smrt-font-family);
+  --smrt-typography-label-medium-font: 500 0.75rem/1.5 var(--smrt-font-family);
+  --smrt-typography-label-small-size: 0.6875rem;
+  --smrt-typography-label-small-line-height: 1.4;
+  --smrt-typography-label-small-weight: 500;
+  --smrt-typography-label-small-tracking: 0.03em;
+  --smrt-typography-label-small-font-family: var(--smrt-font-family);
+  --smrt-typography-label-small-font: 500 0.6875rem/1.4 var(--smrt-font-family);
+}

package/dist/themes/types.d.ts

@@ -0,0 +1,273 @@
+/**
+ * Unified Theme System Types
+ *
+ * Core types for the multi-theme architecture supporting Material, Glass, and Studio themes.
+ */
+/** Available theme presets */
+export type ThemePreset = 'material' | 'glass' | 'studio';
+/** Color scheme mode */
+export type ColorScheme = 'light' | 'dark' | 'system';
+/** Resolved color scheme (never 'system') */
+export type ResolvedScheme = 'light' | 'dark';
+/** Border radius scale */
+export type BorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/**
+ * Color palette for a theme
+ * Follows Material 3 semantic naming for consistency
+ */
+export interface ColorPalette {
+    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;
+    warning: string;
+    onWarning: string;
+    warningContainer: string;
+    onWarningContainer: string;
+    success: string;
+    onSuccess: string;
+    successContainer: string;
+    onSuccessContainer: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    surfaceContainer: string;
+    surfaceContainerLow: string;
+    surfaceContainerHigh: string;
+    surfaceContainerHighest: string;
+    surfaceContainerLowest: string;
+    surfaceDim: string;
+    surfaceBright: string;
+    background: string;
+    onBackground: string;
+    outline: string;
+    outlineVariant: string;
+    inverseSurface: string;
+    inverseOnSurface: string;
+    inversePrimary: string;
+    shadow: string;
+    scrim: string;
+    glassBackdrop?: string;
+    glassBorder?: string;
+}
+/**
+ * Typography token
+ */
+export interface TypographyToken {
+    size: string;
+    lineHeight: string;
+    weight: string | number;
+    tracking: string;
+    fontFamily?: string;
+}
+/**
+ * Typography scale
+ */
+export interface TypographyScale {
+    displayLarge: TypographyToken;
+    displayMedium: TypographyToken;
+    displaySmall: TypographyToken;
+    headlineLarge: TypographyToken;
+    headlineMedium: TypographyToken;
+    headlineSmall: TypographyToken;
+    titleLarge: TypographyToken;
+    titleMedium: TypographyToken;
+    titleSmall: TypographyToken;
+    bodyLarge: TypographyToken;
+    bodyMedium: TypographyToken;
+    bodySmall: TypographyToken;
+    labelLarge: TypographyToken;
+    labelMedium: TypographyToken;
+    labelSmall: TypographyToken;
+}
+/**
+ * Elevation/shadow scale
+ */
+export interface ElevationScale {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+}
+/**
+ * Spacing scale
+ */
+export interface SpacingScale {
+    0: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+}
+/**
+ * Border radius scale
+ */
+export interface BorderRadiusScale {
+    none: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    full: string;
+}
+/**
+ * Transition durations
+ */
+export interface DurationScale {
+    instant: string;
+    fast: string;
+    normal: string;
+    slow: string;
+    slower: string;
+}
+/**
+ * Transition easings
+ */
+export interface EasingScale {
+    standard: string;
+    standardDecelerate: string;
+    standardAccelerate: string;
+    emphasized: string;
+    emphasizedDecelerate: string;
+    emphasizedAccelerate: string;
+}
+/**
+ * Glass effect configuration
+ */
+export interface GlassEffects {
+    /** Backdrop blur amount */
+    blur: string;
+    /** Saturation adjustment */
+    saturation: string;
+    /** Border opacity */
+    borderOpacity: string;
+    /** Background opacity */
+    backgroundOpacity: string;
+}
+/**
+ * Complete theme definition
+ */
+export interface Theme {
+    /** Theme identifier */
+    id: ThemePreset;
+    /** Theme display name */
+    name: string;
+    /** Light mode colors */
+    light: ColorPalette;
+    /** Dark mode colors */
+    dark: ColorPalette;
+    /** Typography scale */
+    typography: TypographyScale;
+    /** Elevation shadows */
+    elevation: ElevationScale;
+    /** Spacing scale */
+    spacing: SpacingScale;
+    /** Border radius scale */
+    borderRadius: BorderRadiusScale;
+    /** Transition durations */
+    duration: DurationScale;
+    /** Transition easings */
+    easing: EasingScale;
+    /** Glass effects (for glass theme) */
+    glass?: GlassEffects;
+    /** Primary font family */
+    fontFamily: string;
+}
+/**
+ * Theme configuration options
+ */
+export interface ThemeConfig {
+    /** Selected theme preset */
+    preset: ThemePreset;
+    /** Color scheme preference */
+    colorScheme: ColorScheme;
+    /** Primary accent color (overrides theme default) */
+    primaryColor?: string;
+    /** Border radius preference */
+    borderRadius?: BorderRadius;
+    /** Custom CSS variable overrides */
+    overrides?: Record<string, string>;
+    /** Persist theme preference */
+    persist?: boolean;
+    /** Storage key for persistence */
+    storageKey?: string;
+}
+/**
+ * Default theme configuration
+ */
+export declare const defaultThemeConfig: ThemeConfig;
+/**
+ * Theme state exposed via context
+ */
+export interface ThemeState {
+    /** Current theme preset */
+    preset: ThemePreset;
+    /** Current color scheme */
+    colorScheme: ColorScheme;
+    /** Resolved color scheme (never 'system') */
+    resolvedScheme: ResolvedScheme;
+    /** Whether dark mode is active */
+    isDark: boolean;
+    /** Full theme configuration */
+    config: ThemeConfig;
+    /** Current active theme object */
+    theme: Theme;
+}
+/**
+ * Theme context interface
+ */
+export interface ThemeContext {
+    /** Current theme state */
+    readonly state: ThemeState;
+    /** Set theme preset */
+    setPreset: (preset: ThemePreset) => void;
+    /** Set color scheme */
+    setColorScheme: (scheme: ColorScheme) => void;
+    /** Toggle between light and dark */
+    toggleColorScheme: () => void;
+    /** Update theme configuration */
+    updateConfig: (updates: Partial<ThemeConfig>) => void;
+}
+/**
+ * CSS variable generation options
+ */
+export interface CSSVariableOptions {
+    /** Prefix for CSS variables */
+    prefix?: string;
+    /** Include theme ID as data attribute */
+    includeThemeId?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/themes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/themes/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,8BAA8B;AAC9B,MAAM,MAAM,WAAW,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D,wBAAwB;AACxB,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEtD,6CAA6C;AAC7C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C,0BAA0B;AAC1B,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvE;;;GAGG;AACH,MAAM,WAAW,YAAY;IAE3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAG3B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAG7B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAG5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IAGzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAG3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAG3B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAGrB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IAGvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IAGvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IAGd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,eAAe,CAAC;IAC9B,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;IAC9B,aAAa,EAAE,eAAe,CAAC;IAC/B,cAAc,EAAE,eAAe,CAAC;IAChC,aAAa,EAAE,eAAe,CAAC;IAC/B,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,EAAE,eAAe,CAAC;IAC3B,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,EAAE,eAAe,CAAC;IAC3B,UAAU,EAAE,eAAe,CAAC;IAC5B,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,yBAAyB;IACzB,iBAAiB,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,uBAAuB;IACvB,EAAE,EAAE,WAAW,CAAC;IAChB,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,KAAK,EAAE,YAAY,CAAC;IACpB,uBAAuB;IACvB,IAAI,EAAE,YAAY,CAAC;IACnB,uBAAuB;IACvB,UAAU,EAAE,eAAe,CAAC;IAC5B,wBAAwB;IACxB,SAAS,EAAE,cAAc,CAAC;IAC1B,oBAAoB;IACpB,OAAO,EAAE,YAAY,CAAC;IACtB,0BAA0B;IAC1B,YAAY,EAAE,iBAAiB,CAAC;IAChC,2BAA2B;IAC3B,QAAQ,EAAE,aAAa,CAAC;IACxB,yBAAyB;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0BAA0B;IAC1B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,4BAA4B;IAC5B,MAAM,EAAE,WAAW,CAAC;IACpB,8BAA8B;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAMhC,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,2BAA2B;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,2BAA2B;IAC3B,WAAW,EAAE,WAAW,CAAC;IACzB,6CAA6C;IAC7C,cAAc,EAAE,cAAc,CAAC;IAC/B,kCAAkC;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,+BAA+B;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,kCAAkC;IAClC,KAAK,EAAE,KAAK,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC;IAC3B,uBAAuB;IACvB,SAAS,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,uBAAuB;IACvB,cAAc,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,oCAAoC;IACpC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,iCAAiC;IACjC,YAAY,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACvD;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}