@tenerife.music/ui 1.0.8 → 1.0.12

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

@@ -1,94 +0,0 @@
-/**
- * Surface Component Tokens
- *
- * Component-level design tokens for Surface component.
- * Maps foundation tokens (spacing, radius, shadows) to surface-specific usage.
- *
- * Defines tokens for flat, raised, sunken, outline, and subtle surface variants.
- */
-/**
- * Surface Component Tokens
- *
- * Defines spacing, radius, and shadow tokens for Surface component variants.
- * Values are mapped to Tailwind utility classes for direct use.
- */
-export declare const SURFACE_TOKENS: {
-    /**
-     * Padding values for surface variants
-     * Can be customized per variant if needed
-     */
-    readonly padding: {
-        readonly default: "p-md";
-        readonly sm: "p-sm";
-        readonly md: "p-md";
-        readonly lg: "p-lg";
-    };
-    /**
-     * Border radius for surfaces
-     */
-    readonly radius: {
-        readonly default: "rounded-md";
-        readonly sm: "rounded-sm";
-        readonly md: "rounded-md";
-        readonly lg: "rounded-lg";
-    };
-    /**
-     * Shadow tokens by surface variant
-     * Maps to foundation elevation shadow tokens
-     */
-    readonly shadow: {
-        readonly flat: "shadow-none";
-        readonly raised: "shadow-sm";
-        readonly sunken: "shadow-none";
-        readonly outline: "shadow-none";
-        readonly subtle: "shadow-none";
-    };
-    /**
-     * Variant-based token structure
-     * Organized by variant for easy access
-     */
-    readonly variant: {
-        readonly flat: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-md";
-            readonly shadow: "shadow-none";
-            readonly bg: "bg-background";
-            readonly border: "border border-border";
-        };
-        readonly raised: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-md";
-            readonly shadow: "shadow-sm";
-            readonly bg: "bg-card";
-            readonly border: "border border-border";
-        };
-        readonly sunken: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-md";
-            readonly shadow: "shadow-none";
-            readonly bg: "bg-muted";
-            readonly border: "border border-border";
-        };
-        readonly outline: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-md";
-            readonly shadow: "shadow-none";
-            readonly bg: "bg-transparent";
-            readonly border: "border-2 border-border";
-        };
-        readonly subtle: {
-            readonly padding: "p-md";
-            readonly radius: "rounded-md";
-            readonly shadow: "shadow-none";
-            readonly bg: "bg-muted/50";
-            readonly border: "border border-border/50";
-        };
-    };
-};
-/**
- * Type exports for Surface tokens
- */
-export type SurfacePadding = keyof typeof SURFACE_TOKENS.padding;
-export type SurfaceRadius = keyof typeof SURFACE_TOKENS.radius;
-export type SurfaceShadow = keyof typeof SURFACE_TOKENS.shadow;
-export type SurfaceVariant = keyof typeof SURFACE_TOKENS.variant;

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

@@ -1,208 +0,0 @@
-/**
- * Switch Component Tokens
- *
- * Component-level design tokens for Switch component.
- * Maps foundation tokens (spacing, typography, radius, shadows, motion) to switch-specific usage.
- * All color values use CSS variables for theme-aware styling.
- *
- * Switch consists of a track (container) and handle (thumb) that slides within the track.
- */
-/**
- * Switch Component Tokens
- *
- * Defines spacing, sizing, and visual tokens for Switch component.
- * All colors use CSS variable references (hsl(var(--token))) for theme-aware styling.
- * Switch track is wider than tall, with a circular handle that slides within.
- */
-export declare const SWITCH_TOKENS: {
-    /**
-     * Track sizes by size variant
-     * Supports xs, sm, md, lg, xl sizes
-     * Track is wider than tall (typical switch proportions)
-     */
-    readonly track: {
-        readonly xs: {
-            readonly width: "w-8";
-            readonly height: "h-4";
-            readonly radius: "rounded-full";
-        };
-        readonly sm: {
-            readonly width: "w-9";
-            readonly height: "h-5";
-            readonly radius: "rounded-full";
-        };
-        readonly md: {
-            readonly width: "w-11";
-            readonly height: "h-6";
-            readonly radius: "rounded-full";
-        };
-        readonly lg: {
-            readonly width: "w-14";
-            readonly height: "h-7";
-            readonly radius: "rounded-full";
-        };
-        readonly xl: {
-            readonly width: "w-16";
-            readonly height: "h-8";
-            readonly radius: "rounded-full";
-        };
-    };
-    /**
-     * Handle sizes by size variant
-     * Circular thumb that slides within the track
-     * Slightly smaller than track height to allow for padding
-     */
-    readonly handle: {
-        readonly xs: {
-            readonly width: "w-3";
-            readonly height: "h-3";
-            readonly radius: "rounded-full";
-            readonly translate: "translate-x-4";
-        };
-        readonly sm: {
-            readonly width: "w-4";
-            readonly height: "h-4";
-            readonly radius: "rounded-full";
-            readonly translate: "translate-x-4";
-        };
-        readonly md: {
-            readonly width: "w-5";
-            readonly height: "h-5";
-            readonly radius: "rounded-full";
-            readonly translate: "translate-x-5";
-        };
-        readonly lg: {
-            readonly width: "w-6";
-            readonly height: "h-6";
-            readonly radius: "rounded-full";
-            readonly translate: "translate-x-7";
-        };
-        readonly xl: {
-            readonly width: "w-7";
-            readonly height: "h-7";
-            readonly radius: "rounded-full";
-            readonly translate: "translate-x-8";
-        };
-        /**
-         * Handle positioning tokens
-         * For absolute positioning within the track
-         */
-        readonly position: {
-            readonly left: "left-xs";
-            readonly top: "top-1/2";
-            readonly center: "-translate-y-1/2";
-        };
-    };
-    /**
-     * Variant-based tokens
-     * Track and handle colors for different variants
-     * All use CSS variable references for theme support
-     */
-    readonly variant: {
-        readonly primary: {
-            readonly track: {
-                readonly unchecked: "bg-[hsl(var(--input))]";
-                readonly checked: "bg-[hsl(var(--tm-primary))]";
-            };
-            readonly handle: {
-                readonly unchecked: "bg-[hsl(var(--muted))]";
-                readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
-            };
-            readonly focus: "focus-visible:shadow-[var(--focus-ring-primary)]";
-        };
-        readonly secondary: {
-            readonly track: {
-                readonly unchecked: "bg-[hsl(var(--input))]";
-                readonly checked: "bg-[hsl(var(--tm-secondary))]";
-            };
-            readonly handle: {
-                readonly unchecked: "bg-[hsl(var(--muted))]";
-                readonly checked: "bg-[hsl(var(--tm-secondary-foreground))]";
-            };
-            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
-        };
-        readonly outline: {
-            readonly track: {
-                readonly unchecked: "bg-[hsl(var(--input))]";
-                readonly checked: "bg-[hsl(var(--tm-primary))]";
-            };
-            readonly handle: {
-                readonly unchecked: "bg-[hsl(var(--muted))]";
-                readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
-            };
-            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
-        };
-        readonly ghost: {
-            readonly track: {
-                readonly unchecked: "bg-[hsl(var(--muted))]";
-                readonly checked: "bg-[hsl(var(--tm-primary))]";
-            };
-            readonly handle: {
-                readonly unchecked: "bg-[hsl(var(--muted-foreground))]";
-                readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
-            };
-            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
-        };
-        readonly destructive: {
-            readonly track: {
-                readonly unchecked: "bg-[hsl(var(--input))]";
-                readonly checked: "bg-[hsl(var(--destructive))]";
-            };
-            readonly handle: {
-                readonly unchecked: "bg-[hsl(var(--muted))]";
-                readonly checked: "bg-[hsl(var(--destructive-foreground))]";
-            };
-            readonly focus: "focus-visible:shadow-[var(--focus-ring-default)]";
-        };
-    };
-    /**
-     * State-based tokens
-     * Track and handle colors for different states
-     * All use CSS variable references for theme support
-     */
-    readonly state: {
-        readonly track: {
-            readonly default: "bg-[hsl(var(--input))]";
-            readonly checked: "bg-[hsl(var(--tm-primary))]";
-            readonly disabled: "bg-[hsl(var(--muted))]";
-            readonly disabledChecked: "bg-[hsl(var(--muted))]";
-            readonly error: "bg-[hsl(var(--destructive))]";
-        };
-        readonly handle: {
-            readonly default: "bg-[hsl(var(--muted-foreground))]";
-            readonly checked: "bg-[hsl(var(--tm-primary-foreground))]";
-            readonly disabled: "bg-[hsl(var(--muted-foreground))]";
-            readonly disabledChecked: "bg-[hsl(var(--muted-foreground))]";
-            readonly error: "bg-[hsl(var(--destructive-foreground))]";
-        };
-        readonly opacity: {
-            readonly disabled: "opacity-50";
-        };
-    };
-    /**
-     * Transition tokens
-     * Smooth transitions for handle animation and state changes
-     * Uses motion tokens for duration and easing
-     */
-    readonly transition: {
-        readonly handle: "transition-transform duration-300 ease-in-out";
-        readonly track: "transition-colors duration-300 ease-in-out";
-        readonly combined: "transition-all duration-300 ease-in-out";
-    };
-    /**
-     * Shadow token
-     * Maps to foundation elevation shadow tokens
-     */
-    readonly shadow: "shadow-sm";
-    /**
-     * Padding token
-     * Space between track edge and handle
-     */
-    readonly padding: "p-0.5";
-};
-/**
- * Type exports for Switch tokens
- */
-export type SwitchSize = keyof typeof SWITCH_TOKENS.track;
-export type SwitchVariant = keyof typeof SWITCH_TOKENS.variant;
-export type SwitchState = keyof typeof SWITCH_TOKENS.state.track;

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

@@ -1,68 +0,0 @@
-/**
- * Text Component Tokens
- *
- * Component-level design tokens for Text component.
- * Maps foundation typography tokens to text-specific usage patterns.
- *
- * These tokens serve as second-level abstractions that reference foundation
- * typography tokens (fontSize, fontWeight, lineHeight, letterSpacing).
- */
-/**
- * Text Component Tokens
- *
- * Defines typography tokens for Text component.
- * All values reference foundation typography tokens to ensure consistency.
- */
-export declare const TEXT_TOKENS: {
-    /**
-     * Font sizes by text size variant
-     * Maps to foundation fontSize tokens
-     */
-    readonly fontSize: {
-        readonly xs: "text-xs";
-        readonly sm: "text-sm";
-        readonly md: "text-base";
-        readonly lg: "text-lg";
-        readonly xl: "text-xl";
-    };
-    /**
-     * Font weights by weight variant
-     * Maps to foundation fontWeight tokens
-     */
-    readonly fontWeight: {
-        readonly normal: "font-normal";
-        readonly medium: "font-medium";
-        readonly semibold: "font-semibold";
-        readonly bold: "font-bold";
-    };
-    /**
-     * Line heights (if component-specific)
-     * Maps to foundation lineHeight tokens
-     */
-    readonly lineHeight: {
-        readonly none: "leading-none";
-        readonly tight: "leading-tight";
-        readonly normal: "leading-normal";
-        readonly relaxed: "leading-relaxed";
-        readonly loose: "leading-loose";
-    };
-    /**
-     * Letter spacing (tracking) values
-     * Maps to foundation letterSpacing tokens
-     */
-    readonly letterSpacing: {
-        readonly tighter: "tracking-tighter";
-        readonly tight: "tracking-tight";
-        readonly normal: "tracking-normal";
-        readonly wide: "tracking-wide";
-        readonly wider: "tracking-wider";
-        readonly widest: "tracking-widest";
-    };
-};
-/**
- * Type exports for Text tokens
- */
-export type TextFontSize = keyof typeof TEXT_TOKENS.fontSize;
-export type TextFontWeight = keyof typeof TEXT_TOKENS.fontWeight;
-export type TextLineHeight = keyof typeof TEXT_TOKENS.lineHeight;
-export type TextLetterSpacing = keyof typeof TEXT_TOKENS.letterSpacing;

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

@@ -1,146 +0,0 @@
-/**
- * Toast Component Tokens
- *
- * Component-level design tokens for Toast components.
- * Maps foundation tokens (spacing, radius, shadows, motion) to toast-specific usage.
- *
- * All values use Tailwind utility classes that map to foundation tokens.
- */
-/**
- * Toast Component Tokens
- *
- * Defines tokens for toast spacing, radius, shadow, surface variants, and animations.
- * Values are mapped to Tailwind utility classes for direct use.
- */
-export declare const TOAST_TOKENS: {
-    /**
-     * Spacing tokens for toast layout
-     * Maps to semanticSpacing tokens
-     */
-    readonly spacing: {
-        readonly gap: "gap-sm";
-        readonly padding: "p-md";
-        readonly paddingHorizontal: "px-md";
-        readonly paddingVertical: "py-md";
-    };
-    /**
-     * Width tokens for toast layout
-     * Maps to width utilities
-     */
-    readonly width: {
-        readonly full: "w-full";
-    };
-    /**
-     * Border radius for toasts
-     * Maps to componentRadius.toast
-     */
-    readonly radius: {
-        readonly default: "rounded-lg";
-    };
-    /**
-     * Shadow for toasts
-     * Maps to elevationShadows
-     */
-    readonly shadow: {
-        readonly default: "shadow-lg";
-    };
-    /**
-     * Surface tokens for toast variants
-     * Maps to SURFACE_TOKENS for background colors
-     */
-    readonly surface: {
-        readonly success: "bg-success/10 border-success/20 text-success-foreground";
-        readonly info: "bg-info/10 border-info/20 text-info-foreground";
-        readonly warning: "bg-warning/10 border-warning/20 text-warning-foreground";
-        readonly danger: "bg-destructive/10 border-destructive/20 text-destructive-foreground";
-        readonly default: "bg-background border border-border text-foreground";
-    };
-    /**
-     * Animation tokens for toast enter/exit animations
-     * Maps to Motion V2 utility classes
-     * Uses CSS-only animations from motion/v2.ts
-     */
-    readonly animation: {
-        readonly enter: {
-            readonly slideUp: "tm-motion-fade-slide-up";
-            readonly fadeIn: "tm-motion-fade-in";
-            readonly combined: "tm-motion-fade-slide-right";
-        };
-        readonly exit: {
-            readonly slideOutRight: "tm-motion-fade-slide-left-out";
-            readonly fadeOut: "tm-motion-fade-out";
-            readonly combined: "tm-motion-fade-slide-left-out";
-        };
-    };
-    /**
-     * Position tokens for toast viewport
-     * Maps to spacing tokens for positioning
-     */
-    readonly position: {
-        readonly spacing: {
-            readonly top: "top-md";
-            readonly right: "right-md";
-            readonly bottom: "bottom-md";
-            readonly left: "left-md";
-        };
-    };
-    /**
-     * Content layout tokens
-     * For toast content container
-     */
-    readonly content: {
-        readonly layout: "flex flex-1 items-start";
-        readonly gap: "gap-sm";
-        readonly verticalSpacing: "space-y-xs";
-    };
-    /**
-     * Title typography tokens
-     * Maps to TEXT_TOKENS for font sizing and weight
-     */
-    readonly title: {
-        readonly fontSize: "text-sm";
-        readonly fontWeight: "font-semibold";
-    };
-    /**
-     * Description typography tokens
-     * Maps to TEXT_TOKENS for font sizing
-     */
-    readonly description: {
-        readonly fontSize: "text-sm";
-        readonly opacity: "opacity-90";
-    };
-    /**
-     * Action button tokens
-     * For toast action button sizing
-     */
-    readonly action: {
-        readonly height: "h-8";
-        readonly padding: "px-xs";
-        readonly fontSize: "text-xs";
-    };
-    /**
-     * Dismiss button tokens
-     * For toast dismiss button styling
-     */
-    readonly dismiss: {
-        readonly position: "absolute right-xs top-xs";
-        readonly size: "h-6 w-6";
-        readonly radius: "rounded-md";
-        readonly padding: "p-xs";
-        readonly transition: "transition-opacity";
-        readonly colors: {
-            readonly default: "text-foreground/50";
-            readonly hover: "hover:text-foreground";
-        };
-        readonly states: {
-            readonly default: "opacity-0";
-            readonly groupHover: "group-hover:opacity-100";
-            readonly focus: "focus:opacity-100";
-            readonly focusRing: "focus:outline-none focus:ring-1";
-        };
-    };
-};
-/**
- * Type exports for Toast tokens
- */
-export type ToastVariant = keyof typeof TOAST_TOKENS.surface;

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

@@ -1,52 +0,0 @@
-/**
- * Tooltip Component Tokens
- *
- * Component-level design tokens for Tooltip component.
- * Maps foundation tokens (spacing, radius, shadows, typography) to tooltip-specific usage.
- *
- * All values use Tailwind utility classes that map to foundation tokens.
- */
-/**
- * Tooltip Component Tokens
- *
- * Defines tokens for tooltip content styling.
- * Values are mapped to Tailwind utility classes for direct use.
- */
-export declare const TOOLTIP_TOKENS: {
-    /**
-     * Tooltip content tokens
-     * Maps to foundation spacing, radius, shadow, and typography tokens
-     */
-    readonly content: {
-        readonly border: {
-            readonly default: "border";
-            readonly color: "border-border";
-        };
-        readonly background: {
-            readonly default: "bg-popover";
-        };
-        readonly text: {
-            readonly default: "text-popover-foreground";
-        };
-        readonly padding: {
-            readonly horizontal: "px-sm";
-            readonly vertical: "py-xs";
-        };
-        readonly radius: {
-            readonly sm: "rounded-sm";
-            readonly md: "rounded-md";
-        };
-        readonly shadow: {
-            readonly sm: "shadow-sm";
-            readonly md: "shadow-md";
-        };
-        readonly fontSize: {
-            readonly sm: "text-sm";
-        };
-    };
-};
-/**
- * Type exports for Tooltip tokens
- */
-export type TooltipContentRadius = keyof typeof TOOLTIP_TOKENS.content.radius;
-export type TooltipContentShadow = keyof typeof TOOLTIP_TOKENS.content.shadow;