@tenerife.music/ui 1.0.8 → 1.0.13

package/dist/theme/typography.d.ts

@@ -1,45 +0,0 @@
-export type FontScale = {
-    xs: string;
-    sm: string;
-    base: string;
-    lg: string;
-    xl: string;
-    "2xl": string;
-    "3xl": string;
-    "4xl": string;
-    "5xl": string;
-    "6xl": string;
-};
-export declare const fontFamilies: {
-    sans: string;
-    serif: string;
-    mono: string;
-};
-export declare const fontSizes: FontScale;
-export declare const fontWeights: {
-    thin: string;
-    extralight: string;
-    light: string;
-    normal: string;
-    medium: string;
-    semibold: string;
-    bold: string;
-    extrabold: string;
-    black: string;
-};
-export declare const lineHeights: {
-    none: string;
-    tight: string;
-    snug: string;
-    normal: string;
-    relaxed: string;
-    loose: string;
-};
-export declare const letterSpacings: {
-    tighter: string;
-    tight: string;
-    normal: string;
-    wide: string;
-    wider: string;
-    widest: string;
-};

package/dist/themes/brand.d.ts

@@ -1,6 +0,0 @@
-import { ThemeOverride } from './types';
-/**
- * Brand theme configuration
- * Overrides color scales for brand-specific styling
- */
-export declare const brandTheme: ThemeOverride;

package/dist/themes/brand_engine.d.ts

@@ -1,108 +0,0 @@
-import { Mode } from '../tokens/colors';
-import { BrandPackage, BrandTheme, BrandValidationResult } from './types';
-/**
- * Validate brand package structure
- *
- * @param brand - Brand package to validate
- * @returns Validation result
- */
-export declare function validateBrand(brand: unknown): BrandValidationResult;
-/**
- * Register a brand package
- *
- * @param brand - Brand package to register
- * @param options - Registration options
- */
-export declare function registerBrand(brand: BrandPackage, options?: {
-    enabled?: boolean;
-    loader?: () => Promise<{
-        default: BrandPackage;
-    }>;
-}): void;
-/**
- * Get brand by ID
- *
- * @param brandId - Brand identifier
- * @returns Brand package or undefined
- */
-export declare function getBrand(brandId: string): BrandPackage | undefined;
-/**
- * Check if brand exists and is enabled
- *
- * @param brandId - Brand identifier
- * @returns Whether brand exists and is enabled
- */
-export declare function brandExists(brandId: string): boolean;
-/**
- * Load brand package
- * Supports lazy loading via loader function
- *
- * @param brandId - Brand identifier
- * @returns Brand package
- */
-export declare function loadBrand(brandId: string): Promise<BrandPackage>;
-/**
- * Get all registered brand IDs
- *
- * @returns Array of brand IDs
- */
-export declare function getAllBrandIds(): string[];
-/**
- * Get all registered brands
- *
- * @returns Array of brand packages
- */
-export declare function getAllBrands(): BrandPackage[];
-/**
- * Get active brand
- *
- * @returns Active brand package or null
- */
-export declare function getActiveBrand(): BrandPackage | null;
-/**
- * Get active brand namespace
- *
- * @returns Active brand namespace or null
- */
-export declare function getActiveBrandNamespace(): string | null;
-/**
- * Set active brand
- * This function is called by the theme system when a brand is applied
- *
- * @param brand - Brand package to set as active
- */
-export declare function setActiveBrand(brand: BrandPackage | null): void;
-/**
- * Clear active brand
- */
-export declare function clearActiveBrand(): void;
-/**
- * Clear brand registry
- * This function is primarily for testing purposes to reset the brand registry between tests
- *
- * @internal
- */
-export declare function clearBrandRegistry(): void;
-/**
- * Get brand theme for a specific mode
- *
- * @param brand - Brand package
- * @param mode - Theme mode (day or night)
- * @returns Brand theme or undefined
- */
-export declare function getBrandTheme(brand: BrandPackage, mode: Mode): BrandTheme | undefined;
-/**
- * Apply brand overrides to document
- * This function applies CSS variables with brand namespace isolation
- *
- * @param brand - Brand package to apply
- * @param mode - Theme mode (day or night)
- */
-export declare function applyBrandOverrides(brand: BrandPackage, mode: Mode): void;
-/**
- * Remove brand overrides from document
- * Cleans up all brand-specific CSS variables
- *
- * @param namespace - Brand namespace to remove
- */
-export declare function removeBrandOverrides(namespace: string): void;

package/dist/themes/dark.d.ts

@@ -1,6 +0,0 @@
-import { ThemeOverride } from './types';
-/**
- * Dark theme configuration
- * Overrides surface colors for a darker, more immersive experience
- */
-export declare const darkTheme: ThemeOverride;

package/dist/themes/default.d.ts

@@ -1,6 +0,0 @@
-import { ThemeOverride } from './types';
-/**
- * Default theme configuration
- * No overrides - uses all default tokens
- */
-export declare const defaultTheme: ThemeOverride;

package/dist/themes/index.d.ts

@@ -1,24 +0,0 @@
-/**
- * Theme Overrides Export
- *
- * Exports all theme configurations and utilities.
- */
-export { brandTheme } from './brand';
-export { darkTheme } from './dark';
-export { defaultTheme } from './default';
-export * from './types';
-export { minimalBrand } from './minimal';
-export { neonBrand } from './neon';
-export * from './brand_engine';
-/**
- * All available themes
- */
-export declare const themes: {
-    readonly default: () => Promise<import('./types').ThemeOverride>;
-    readonly dark: () => Promise<import('./types').ThemeOverride>;
-    readonly brand: () => Promise<import('./types').ThemeOverride>;
-};
-/**
- * Get theme by name
- */
-export declare function getTheme(name: "default" | "dark" | "brand"): Promise<import('./types').ThemeOverride>;

package/dist/themes/minimal.d.ts

@@ -1,6 +0,0 @@
-import { BrandPackage } from './types';
-/**
- * Minimal brand package
- * Contains day and night theme variants with clean, minimal styling
- */
-export declare const minimalBrand: BrandPackage;

package/dist/themes/neon.d.ts

@@ -1,6 +0,0 @@
-import { BrandPackage } from './types';
-/**
- * Neon brand package
- * Contains day and night theme variants with vibrant neon styling
- */
-export declare const neonBrand: BrandPackage;

package/dist/themes/types.d.ts

@@ -1,278 +0,0 @@
-import { ColorScale, ColorTokens, SemanticColors, SurfaceColors, TextColors } from '../tokens/colors';
-import { BorderRadius, componentRadius } from '../tokens/radius';
-import { accentColoredShadows, elevationShadows, focusRings, glowEffects, primaryColoredShadows } from '../tokens/shadows';
-import { SemanticSpacing } from '../tokens/spacing';
-import { FontFamily, FontSize, FontWeight, LetterSpacing, LineHeight, TextStyle } from '../tokens/typography';
-/**
- * Typography override configuration
- */
-export interface TypographyOverrides {
-    /**
-     * Override font families
-     */
-    fontFamily?: Partial<Record<FontFamily, string[]>>;
-    /**
-     * Override font sizes
-     */
-    fontSize?: Partial<Record<FontSize, string | [string, {
-        lineHeight: string;
-        letterSpacing: string;
-    }]>>;
-    /**
-     * Override font weights
-     */
-    fontWeight?: Partial<Record<FontWeight, string>>;
-    /**
-     * Override line heights
-     */
-    lineHeight?: Partial<Record<LineHeight, string>>;
-    /**
-     * Override letter spacing
-     */
-    letterSpacing?: Partial<Record<LetterSpacing, string>>;
-    /**
-     * Override text styles
-     */
-    textStyles?: Partial<Record<TextStyle, {
-        fontFamily?: string;
-        fontSize?: string;
-        fontWeight?: string;
-        lineHeight?: string;
-        letterSpacing?: string;
-    }>>;
-}
-/**
- * Spacing override configuration
- */
-export interface SpacingOverrides {
-    /**
-     * Override semantic spacing tokens
-     */
-    semanticSpacing?: Partial<Record<SemanticSpacing, string>>;
-    /**
-     * Override layout spacing tokens
-     */
-    layoutSpacing?: Partial<{
-        section?: Partial<Record<string, string>>;
-        container?: Partial<Record<string, string>>;
-        grid?: Partial<Record<string, string>>;
-        stack?: Partial<Record<string, string>>;
-        component?: Partial<Record<string, string>>;
-    }>;
-}
-/**
- * Shadow override configuration
- */
-export interface ShadowOverrides {
-    /**
-     * Override elevation shadows
-     */
-    elevationShadows?: Partial<Record<keyof typeof elevationShadows, string>>;
-    /**
-     * Override primary colored shadows
-     */
-    primaryColoredShadows?: Partial<Record<keyof typeof primaryColoredShadows, string>>;
-    /**
-     * Override accent colored shadows
-     */
-    accentColoredShadows?: Partial<Record<keyof typeof accentColoredShadows, string>>;
-    /**
-     * Override glow effects
-     */
-    glowEffects?: Partial<Record<keyof typeof glowEffects, string>>;
-    /**
-     * Override focus rings
-     */
-    focusRings?: Partial<Record<keyof typeof focusRings, string>>;
-}
-/**
- * Radius override configuration
- */
-export interface RadiusOverrides {
-    /**
-     * Override border radius scale
-     */
-    borderRadius?: Partial<Record<BorderRadius, string>>;
-    /**
-     * Override component-specific radius
-     */
-    componentRadius?: Partial<{
-        button?: Partial<Record<keyof typeof componentRadius.button, string>>;
-        card?: Partial<Record<keyof typeof componentRadius.card, string>>;
-        input?: Partial<Record<keyof typeof componentRadius.input, string>>;
-        badge?: Partial<Record<keyof typeof componentRadius.badge, string>>;
-        avatar?: Partial<Record<keyof typeof componentRadius.avatar, string>>;
-        modal?: Partial<Record<keyof typeof componentRadius.modal, string>>;
-        tooltip?: Partial<Record<keyof typeof componentRadius.tooltip, string>>;
-        toast?: Partial<Record<keyof typeof componentRadius.toast, string>>;
-        chip?: Partial<Record<keyof typeof componentRadius.chip, string>>;
-        image?: Partial<Record<keyof typeof componentRadius.image, string>>;
-    }>;
-}
-/**
- * Theme override configuration
- * Allows partial overrides of token subsets
- */
-export interface ThemeOverride {
-    /**
-     * Theme name
-     */
-    name: string;
-    /**
-     * Theme description
-     */
-    description?: string;
-    /**
-     * Override primary color scale
-     */
-    primaryColors?: Partial<ColorScale>;
-    /**
-     * Override accent color scale
-     */
-    accentColors?: Partial<ColorScale>;
-    /**
-     * Override secondary color scale
-     */
-    secondaryColors?: Partial<ColorScale>;
-    /**
-     * Override base and related color tokens (for day mode)
-     * Uses ColorTokens to allow primary/accent overrides in addition to base colors.
-     */
-    baseColorsDay?: Partial<ColorTokens>;
-    /**
-     * Override base and related color tokens (for night mode)
-     * Uses ColorTokens to allow primary/accent overrides in addition to base colors.
-     */
-    baseColorsNight?: Partial<ColorTokens>;
-    /**
-     * Override surface colors (for day mode)
-     */
-    surfaceColorsDay?: Partial<SurfaceColors>;
-    /**
-     * Override surface colors (for night mode)
-     */
-    surfaceColorsNight?: Partial<SurfaceColors>;
-    /**
-     * Override semantic colors (for day mode)
-     */
-    semanticColorsDay?: Partial<SemanticColors>;
-    /**
-     * Override semantic colors (for night mode)
-     */
-    semanticColorsNight?: Partial<SemanticColors>;
-    /**
-     * Override text colors (for day mode)
-     */
-    textColorsDay?: Partial<TextColors>;
-    /**
-     * Override text colors (for night mode)
-     */
-    textColorsNight?: Partial<TextColors>;
-}
-/**
- * Brand override configuration
- * Extends ThemeOverride with additional token overrides
- */
-export interface BrandOverride extends ThemeOverride {
-    /**
-     * Override typography tokens
-     */
-    typography?: Partial<TypographyOverrides>;
-    /**
-     * Override spacing tokens
-     */
-    spacing?: Partial<SpacingOverrides>;
-    /**
-     * Override shadow tokens
-     */
-    shadows?: Partial<ShadowOverrides>;
-    /**
-     * Override radius tokens
-     */
-    radius?: Partial<RadiusOverrides>;
-}
-/**
- * Brand theme configuration
- * Represents a single theme variant within a brand package
- */
-export interface BrandTheme {
-    /**
-     * Theme identifier (e.g., "neon-day", "neon-night")
-     */
-    id: string;
-    /**
-     * Theme name (e.g., "Neon Day", "Neon Night")
-     */
-    name: string;
-    /**
-     * Theme description
-     */
-    description?: string;
-    /**
-     * Theme mode (day or night)
-     */
-    mode: "day" | "night";
-    /**
-     * Theme overrides
-     */
-    overrides: BrandOverride;
-}
-/**
- * Brand package configuration
- * Represents a complete brand package with multiple theme variants
- */
-export interface BrandPackage {
-    /**
-     * Brand identifier (e.g., "neon", "minimal")
-     */
-    id: string;
-    /**
-     * Brand name (e.g., "Neon", "Minimal")
-     */
-    name: string;
-    /**
-     * Brand description
-     */
-    description?: string;
-    /**
-     * Brand namespace for CSS variable isolation (e.g., "neon", "minimal")
-     */
-    namespace: string;
-    /**
-     * Brand version (semver)
-     */
-    version?: string;
-    /**
-     * Brand author (optional)
-     */
-    author?: string;
-    /**
-     * Preview image URL (optional)
-     */
-    previewImage?: string;
-    /**
-     * Theme variants within this brand
-     */
-    themes: BrandTheme[];
-}
-/**
- * Brand validation result
- */
-export interface BrandValidationResult {
-    /**
-     * Whether brand is valid
-     */
-    valid: boolean;
-    /**
-     * Validation errors
-     */
-    errors: string[];
-    /**
-     * Validation warnings
-     */
-    warnings: string[];
-}
-/**
- * Theme name type
- */
-export type ThemeName = "default" | "dark" | "brand";

package/dist/tokens/components/alert.d.ts

@@ -1,74 +0,0 @@
-/**
- * Alert Component Tokens
- *
- * Component-level design tokens for Alert component.
- * Maps foundation tokens (spacing, radius) to alert-specific usage.
- *
- * Includes variant-based token structure for future extensibility.
- */
-/**
- * Alert Component Tokens
- *
- * Defines spacing, sizing, and visual tokens for Alert component.
- * Values are mapped to Tailwind utility classes for direct use.
- */
-export declare const ALERT_TOKENS: {
-    /**
-     * Padding for alert content
-     */
-    readonly padding: "p-md";
-    /**
-     * Border radius for alerts
-     */
-    readonly radius: "rounded-lg";
-    /**
-     * Icon size within alerts
-     */
-    readonly iconSize: "size-4";
-    /**
-     * Variant-based token structure
-     * Organized by variant for future extensibility
-     */
-    readonly variant: {
-        readonly default: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly primary: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly secondary: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly accent: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly destructive: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly success: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly warning: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly danger: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-        readonly info: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-lg";
-        };
-    };
-};
-/**
- * Type exports for Alert tokens
- */
-export type AlertVariant = keyof typeof ALERT_TOKENS.variant;

package/dist/tokens/components/button.d.ts

@@ -1,130 +0,0 @@
-/**
- * Button Component Tokens
- *
- * Component-level design tokens for Button component.
- * Maps foundation tokens (spacing, typography, radius, shadows) to button-specific usage.
- *
- * All values reference foundation tokens to ensure consistency across the design system.
- */
-/**
- * Button Component Tokens
- *
- * Defines all spacing, sizing, typography, and visual tokens for Button component.
- * Values are mapped to Tailwind utility classes for direct use in component variants.
- */
-export declare const BUTTON_TOKENS: {
-    /**
-     * Button heights by size
-     * Maps to Tailwind height utilities: h-8, h-9, h-10
-     */
-    readonly height: {
-        readonly sm: "h-8";
-        readonly md: "h-9";
-        readonly lg: "h-10";
-        readonly icon: "h-9";
-    };
-    /**
-     * Button padding by size
-     * Horizontal and vertical padding values
-     */
-    readonly padding: {
-        readonly horizontal: {
-            readonly sm: "px-sm";
-            readonly md: "px-md";
-            readonly lg: "px-lg";
-        };
-        readonly vertical: {
-            readonly sm: "py-xs";
-            readonly md: "py-sm";
-        };
-    };
-    /**
-     * Gap between icon and text
-     */
-    readonly gap: "gap-sm";
-    /**
-     * Border radius for all button sizes
-     */
-    readonly radius: "rounded-md";
-    /**
-     * Icon size within buttons
-     */
-    readonly iconSize: "size-4";
-    /**
-     * Width tokens
-     */
-    readonly width: {
-        readonly icon: "w-9";
-    };
-    /**
-     * Font sizes by button size
-     * Maps to foundation typography fontSize tokens
-     */
-    readonly fontSize: {
-        readonly sm: "text-xs";
-        readonly md: "text-sm";
-        readonly lg: "text-sm";
-    };
-    /**
-     * Shadow tokens by variant
-     * Maps to foundation elevation shadow tokens
-     */
-    readonly shadow: {
-        readonly default: "shadow-sm";
-        readonly primary: "shadow";
-    };
-    /**
-     * Color tokens for button variants
-     * Uses semantic color tokens that map to CSS variables
-     */
-    readonly variant: {
-        readonly primary: {
-            readonly background: "bg-primary";
-            readonly text: "text-primary-foreground";
-            readonly hover: "hover:bg-primary/90";
-        };
-        readonly secondary: {
-            readonly background: "bg-secondary";
-            readonly text: "text-secondary-foreground";
-            readonly hover: "hover:bg-secondary/80";
-        };
-        readonly accent: {
-            readonly background: "bg-accent";
-            readonly text: "text-accent-foreground";
-            readonly hover: "hover:bg-accent/90";
-        };
-        readonly outline: {
-            readonly border: "border border-input";
-            readonly background: "bg-background";
-            readonly hover: {
-                readonly background: "hover:bg-accent";
-                readonly text: "hover:text-accent-foreground";
-            };
-        };
-        readonly ghost: {
-            readonly hover: {
-                readonly background: "hover:bg-accent";
-                readonly text: "hover:text-accent-foreground";
-            };
-        };
-        readonly destructive: {
-            readonly background: "bg-destructive";
-            readonly text: "text-destructive-foreground";
-            readonly hover: "hover:bg-destructive/90";
-        };
-    };
-    /**
-     * Transition tokens
-     */
-    readonly transition: {
-        readonly colors: "transition-colors";
-    };
-};
-/**
- * Type exports for Button tokens
- */
-export type ButtonHeight = keyof typeof BUTTON_TOKENS.height;
-export type ButtonPaddingHorizontal = keyof typeof BUTTON_TOKENS.padding.horizontal;
-export type ButtonPaddingVertical = keyof typeof BUTTON_TOKENS.padding.vertical;
-export type ButtonFontSize = keyof typeof BUTTON_TOKENS.fontSize;
-export type ButtonShadow = keyof typeof BUTTON_TOKENS.shadow;