@tenerife.music/ui 1.0.8 → 1.0.13

package/dist/tokens/motion.d.ts

@@ -1,485 +0,0 @@
-/**
- * Motion System Tokens
- *
- * Complete motion system for Tenerife UI based on design system specifications.
- * Includes: durations, easing functions, transitions, keyframe animations,
- * and reduced motion support for accessibility.
- *
- * All motion respects user preferences for reduced motion (prefers-reduced-motion).
- * Base duration unit: 100ms
- */
-/**
- * Animation Duration Tokens
- * Values: instant, fast, normal, slow, slower, slowest
- * Base unit: 100ms
- */
-export declare const durations: {
-    readonly instant: "0ms";
-    readonly fast: "150ms";
-    readonly normal: "300ms";
-    readonly slow: "500ms";
-    readonly slower: "700ms";
-    readonly slowest: "1000ms";
-    readonly "75": "75ms";
-    readonly "100": "100ms";
-    readonly "200": "200ms";
-    readonly "250": "250ms";
-    readonly "400": "400ms";
-    readonly "600": "600ms";
-    readonly "800": "800ms";
-};
-/**
- * Easing Function Tokens
- * Cubic-bezier functions for natural motion
- */
-export declare const easings: {
-    readonly linear: "linear";
-    readonly "ease-in": "cubic-bezier(0.4, 0, 1, 1)";
-    readonly "ease-out": "cubic-bezier(0, 0, 0.2, 1)";
-    readonly "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly ease: "ease";
-    readonly bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    readonly "ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)";
-    readonly "ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
-    readonly "ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)";
-};
-/**
- * Transition Tokens
- * Pre-configured transitions combining duration and easing
- */
-export declare const transitions: {
-    readonly fast: "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "fast-in": "150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "fast-out": "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "fast-in-out": "150ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly normal: "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "normal-in": "300ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "normal-out": "300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "normal-in-out": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly slow: "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "slow-in": "500ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "slow-out": "500ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "slow-in-out": "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly bounce: "300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly elastic: "500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    readonly DEFAULT: "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-};
-/**
- * Keyframe Animation Tokens
- * Pre-defined animations for common UI patterns
- */
-export declare const keyframes: {
-    readonly fadeIn: {
-        readonly from: {
-            readonly opacity: 0;
-        };
-        readonly to: {
-            readonly opacity: 1;
-        };
-    };
-    readonly fadeOut: {
-        readonly from: {
-            readonly opacity: 1;
-        };
-        readonly to: {
-            readonly opacity: 0;
-        };
-    };
-    readonly slideInUp: {
-        readonly from: {
-            readonly transform: "translateY(100%)";
-            readonly opacity: 0;
-        };
-        readonly to: {
-            readonly transform: "translateY(0)";
-            readonly opacity: 1;
-        };
-    };
-    readonly slideInDown: {
-        readonly from: {
-            readonly transform: "translateY(-100%)";
-            readonly opacity: 0;
-        };
-        readonly to: {
-            readonly transform: "translateY(0)";
-            readonly opacity: 1;
-        };
-    };
-    readonly slideInLeft: {
-        readonly from: {
-            readonly transform: "translateX(-100%)";
-            readonly opacity: 0;
-        };
-        readonly to: {
-            readonly transform: "translateX(0)";
-            readonly opacity: 1;
-        };
-    };
-    readonly slideInRight: {
-        readonly from: {
-            readonly transform: "translateX(100%)";
-            readonly opacity: 0;
-        };
-        readonly to: {
-            readonly transform: "translateX(0)";
-            readonly opacity: 1;
-        };
-    };
-    readonly slideOutUp: {
-        readonly from: {
-            readonly transform: "translateY(0)";
-            readonly opacity: 1;
-        };
-        readonly to: {
-            readonly transform: "translateY(-100%)";
-            readonly opacity: 0;
-        };
-    };
-    readonly slideOutDown: {
-        readonly from: {
-            readonly transform: "translateY(0)";
-            readonly opacity: 1;
-        };
-        readonly to: {
-            readonly transform: "translateY(100%)";
-            readonly opacity: 0;
-        };
-    };
-    readonly slideOutLeft: {
-        readonly from: {
-            readonly transform: "translateX(0)";
-            readonly opacity: 1;
-        };
-        readonly to: {
-            readonly transform: "translateX(-100%)";
-            readonly opacity: 0;
-        };
-    };
-    readonly slideOutRight: {
-        readonly from: {
-            readonly transform: "translateX(0)";
-            readonly opacity: 1;
-        };
-        readonly to: {
-            readonly transform: "translateX(100%)";
-            readonly opacity: 0;
-        };
-    };
-    readonly scaleIn: {
-        readonly from: {
-            readonly transform: "scale(0.95)";
-            readonly opacity: 0;
-        };
-        readonly to: {
-            readonly transform: "scale(1)";
-            readonly opacity: 1;
-        };
-    };
-    readonly scaleOut: {
-        readonly from: {
-            readonly transform: "scale(1)";
-            readonly opacity: 1;
-        };
-        readonly to: {
-            readonly transform: "scale(0.95)";
-            readonly opacity: 0;
-        };
-    };
-    readonly scaleUp: {
-        readonly from: {
-            readonly transform: "scale(1)";
-        };
-        readonly to: {
-            readonly transform: "scale(1.05)";
-        };
-    };
-    readonly scaleDown: {
-        readonly from: {
-            readonly transform: "scale(1.05)";
-        };
-        readonly to: {
-            readonly transform: "scale(1)";
-        };
-    };
-    readonly spin: {
-        readonly from: {
-            readonly transform: "rotate(0deg)";
-        };
-        readonly to: {
-            readonly transform: "rotate(360deg)";
-        };
-    };
-    readonly spinReverse: {
-        readonly from: {
-            readonly transform: "rotate(360deg)";
-        };
-        readonly to: {
-            readonly transform: "rotate(0deg)";
-        };
-    };
-    readonly pulse: {
-        readonly "0%, 100%": {
-            readonly opacity: 1;
-        };
-        readonly "50%": {
-            readonly opacity: 0.5;
-        };
-    };
-    readonly bounce: {
-        readonly "0%, 100%": {
-            readonly transform: "translateY(-25%)";
-            readonly animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)";
-        };
-        readonly "50%": {
-            readonly transform: "translateY(0)";
-            readonly animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)";
-        };
-    };
-    readonly shake: {
-        readonly "0%, 100%": {
-            readonly transform: "translateX(0)";
-        };
-        readonly "10%, 30%, 50%, 70%, 90%": {
-            readonly transform: "translateX(-4px)";
-        };
-        readonly "20%, 40%, 60%, 80%": {
-            readonly transform: "translateX(4px)";
-        };
-    };
-    readonly ping: {
-        readonly "75%, 100%": {
-            readonly transform: "scale(2)";
-            readonly opacity: 0;
-        };
-    };
-    readonly "accordion-down": {
-        readonly from: {
-            readonly height: "0";
-        };
-        readonly to: {
-            readonly height: "var(--radix-accordion-content-height)";
-        };
-    };
-    readonly "accordion-up": {
-        readonly from: {
-            readonly height: "var(--radix-accordion-content-height)";
-        };
-        readonly to: {
-            readonly height: "0";
-        };
-    };
-};
-/**
- * Animation Tokens
- * Pre-configured animations combining keyframes, duration, and easing
- */
-export declare const animations: {
-    readonly fadeIn: "fadeIn 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly fadeOut: "fadeOut 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly slideInUp: "slideInUp 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly slideInDown: "slideInDown 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly slideInLeft: "slideInLeft 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly slideInRight: "slideInRight 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly slideOutUp: "slideOutUp 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly slideOutDown: "slideOutDown 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly slideOutLeft: "slideOutLeft 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly slideOutRight: "slideOutRight 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly scaleIn: "scaleIn 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly scaleOut: "scaleOut 150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly spin: "spin 1s linear infinite";
-    readonly pulse: "pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite";
-    readonly bounce: "bounce 1s linear infinite";
-    readonly ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) cubic-bezier(0, 0, 0.2, 1) infinite";
-    readonly shake: "shake 0.5s cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "accordion-down": "accordion-down 300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "accordion-up": "accordion-up 300ms cubic-bezier(0, 0, 0.2, 1)";
-};
-/**
- * Spring Configuration Tokens
- * For Framer Motion spring animations
- * Based on Material Design motion principles
- */
-export declare const springs: {
-    readonly gentle: {
-        readonly type: "spring";
-        readonly stiffness: 120;
-        readonly damping: 14;
-        readonly mass: 1;
-    };
-    readonly default: {
-        readonly type: "spring";
-        readonly stiffness: 300;
-        readonly damping: 30;
-        readonly mass: 1;
-    };
-    readonly wobbly: {
-        readonly type: "spring";
-        readonly stiffness: 180;
-        readonly damping: 12;
-        readonly mass: 1;
-    };
-    readonly stiff: {
-        readonly type: "spring";
-        readonly stiffness: 400;
-        readonly damping: 30;
-        readonly mass: 1;
-    };
-    readonly slow: {
-        readonly type: "spring";
-        readonly stiffness: 200;
-        readonly damping: 25;
-        readonly mass: 1;
-    };
-    readonly bouncy: {
-        readonly type: "spring";
-        readonly stiffness: 400;
-        readonly damping: 10;
-        readonly mass: 1;
-    };
-    readonly noBounce: {
-        readonly type: "spring";
-        readonly stiffness: 300;
-        readonly damping: 35;
-        readonly mass: 1;
-    };
-};
-/**
- * Reduced Motion Support
- * Respects prefers-reduced-motion media query
- */
-export declare const reducedMotion: {
-    readonly duration: "0ms";
-    readonly easing: "linear";
-    readonly transition: "0ms linear";
-    readonly mediaQuery: "@media (prefers-reduced-motion: reduce)";
-    readonly disableAnimations: "animation: none !important; transition: none !important;";
-    readonly spring: {
-        readonly type: "spring";
-        readonly stiffness: 1000;
-        readonly damping: 100;
-        readonly mass: 1;
-    };
-};
-/**
- * CSS Custom Properties for Motion
- * These will be injected into the theme system
- */
-export declare const motionCSSVariables: {
-    readonly "--duration-instant": "0ms";
-    readonly "--duration-fast": "150ms";
-    readonly "--duration-normal": "300ms";
-    readonly "--duration-slow": "500ms";
-    readonly "--duration-slower": "700ms";
-    readonly "--duration-slowest": "1000ms";
-    readonly "--duration-75": "75ms";
-    readonly "--duration-100": "100ms";
-    readonly "--duration-200": "200ms";
-    readonly "--duration-250": "250ms";
-    readonly "--duration-400": "400ms";
-    readonly "--duration-600": "600ms";
-    readonly "--duration-800": "800ms";
-    readonly "--ease-linear": "linear";
-    readonly "--ease-in": "cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--ease-out": "cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--ease-bounce": "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly "--ease-elastic": "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-    readonly "--ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)";
-    readonly "--ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
-    readonly "--ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)";
-    readonly "--transition-fast": "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-normal": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-slow": "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-default": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-fast-in": "150ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-fast-out": "150ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-fast-in-out": "150ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-normal-in": "300ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-normal-out": "300ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-normal-in-out": "300ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-slow-in": "500ms cubic-bezier(0.4, 0, 1, 1)";
-    readonly "--transition-slow-out": "500ms cubic-bezier(0, 0, 0.2, 1)";
-    readonly "--transition-slow-in-out": "500ms cubic-bezier(0.4, 0, 0.2, 1)";
-    readonly "--transition-bounce": "300ms cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-    readonly "--transition-elastic": "500ms cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-};
-/**
- * Tailwind Motion Config
- * Maps to Tailwind theme.extend for durations, transitions, keyframes, animations
- */
-export declare const tailwindMotionConfig: {
-    readonly transitionDuration: {
-        readonly instant: "0ms";
-        readonly fast: "150ms";
-        readonly normal: "300ms";
-        readonly slow: "500ms";
-        readonly slower: "700ms";
-        readonly slowest: "1000ms";
-        readonly "75": "75ms";
-        readonly "100": "100ms";
-        readonly "200": "200ms";
-        readonly "250": "250ms";
-        readonly "400": "400ms";
-        readonly "600": "600ms";
-        readonly "800": "800ms";
-    };
-    readonly transitionTimingFunction: {
-        readonly linear: "linear";
-        readonly "ease-in": "cubic-bezier(0.4, 0, 1, 1)";
-        readonly "ease-out": "cubic-bezier(0, 0, 0.2, 1)";
-        readonly "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)";
-        readonly ease: "ease";
-        readonly bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)";
-        readonly elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
-        readonly "ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)";
-        readonly "ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)";
-        readonly "ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)";
-    };
-    readonly transitionProperty: {
-        readonly DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter";
-        readonly colors: "color, background-color, border-color, text-decoration-color, fill, stroke";
-        readonly opacity: "opacity";
-        readonly shadow: "box-shadow";
-        readonly transform: "transform";
-        readonly all: "all";
-        readonly none: "none";
-    };
-    readonly keyframes: Record<string, Record<string, Record<string, string | number>>>;
-    readonly animation: {
-        readonly none: "none";
-        readonly spin: "spin 1s linear infinite";
-        readonly pulse: "pulse 2s cubic-bezier(0.4, 0, 0.2, 1) infinite";
-        readonly bounce: "bounce 1s linear infinite";
-        readonly ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) cubic-bezier(0, 0, 0.2, 1) infinite";
-        readonly shake: "shake 0.5s cubic-bezier(0.4, 0, 0.2, 1)";
-        readonly fadeIn: "fadeIn 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly fadeOut: "fadeOut 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly slideInUp: "slideInUp 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly slideInDown: "slideInDown 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly slideInLeft: "slideInLeft 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly slideInRight: "slideInRight 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly slideOutUp: "slideOutUp 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly slideOutDown: "slideOutDown 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly slideOutLeft: "slideOutLeft 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly slideOutRight: "slideOutRight 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly scaleIn: "scaleIn 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly scaleOut: "scaleOut 150ms cubic-bezier(0.4, 0, 1, 1)";
-        readonly "accordion-down": "accordion-down 300ms cubic-bezier(0, 0, 0.2, 1)";
-        readonly "accordion-up": "accordion-up 300ms cubic-bezier(0, 0, 0.2, 1)";
-    };
-};
-/**
- * Type Exports
- */
-export type Duration = keyof typeof durations;
-export type Easing = keyof typeof easings;
-export type Transition = keyof typeof transitions;
-export type Keyframe = keyof typeof keyframes;
-export type Animation = keyof typeof animations;
-export type Spring = keyof typeof springs;
-/**
- * Motion V2 Exports
- * CSS-only motion system with gesture support
- */
-export * from './motion/v2';

package/dist/tokens/opacity.d.ts

@@ -1,22 +0,0 @@
-/**
- * Opacity Tokens
- *
- * Component-level opacity tokens for disabled states and overlays.
- * Maps to Tailwind opacity utilities.
- */
-/**
- * Opacity Component Tokens
- *
- * Defines opacity values for common use cases like disabled states.
- */
-export declare const OPACITY_TOKENS: {
-    /**
-     * Disabled state opacity
-     * Used for disabled form controls and interactive elements
-     */
-    readonly disabled: "opacity-50";
-};
-/**
- * Type exports for Opacity tokens
- */
-export type OpacityToken = keyof typeof OPACITY_TOKENS;

package/dist/tokens/radius.d.ts

@@ -1,161 +0,0 @@
-/**
- * Border Radius System Tokens
- *
- * Complete border radius system for Tenerife UI based on design system specifications.
- * Includes: radius scale (none..3xl, full), component-specific radius standards,
- * and CSS variable definitions.
- *
- * Base unit: 4px (0.25rem)
- * All radius values follow a consistent scale for visual harmony.
- */
-/**
- * Border Radius Scale
- * Values: none, xs, sm, md, lg, xl, 2xl, 3xl, full
- */
-export declare const borderRadius: {
-    readonly none: "0";
-    readonly xs: "0.125rem";
-    readonly sm: "0.25rem";
-    readonly DEFAULT: "0.25rem";
-    readonly base: "0.25rem";
-    readonly md: "0.375rem";
-    readonly lg: "0.5rem";
-    readonly xl: "0.75rem";
-    readonly "2xl": "1rem";
-    readonly "3xl": "1.5rem";
-    readonly full: "9999px";
-};
-/**
- * Component-Specific Radius Standards
- * Defines recommended radius values for different component types
- */
-export declare const componentRadius: {
-    readonly button: {
-        readonly sm: "0.25rem";
-        readonly md: "0.375rem";
-        readonly lg: "0.5rem";
-        readonly pill: "9999px";
-    };
-    readonly card: {
-        readonly sm: "0.25rem";
-        readonly md: "0.375rem";
-        readonly lg: "0.5rem";
-        readonly xl: "0.75rem";
-    };
-    readonly input: {
-        readonly sm: "0.25rem";
-        readonly md: "0.375rem";
-        readonly lg: "0.5rem";
-    };
-    readonly badge: {
-        readonly sm: "0.125rem";
-        readonly md: "0.25rem";
-        readonly lg: "0.375rem";
-        readonly pill: "9999px";
-    };
-    readonly avatar: {
-        readonly sm: "9999px";
-        readonly md: "9999px";
-        readonly lg: "9999px";
-        readonly square: "0.375rem";
-    };
-    readonly modal: {
-        readonly sm: "0.375rem";
-        readonly md: "0.5rem";
-        readonly lg: "0.75rem";
-        readonly xl: "1rem";
-    };
-    readonly tooltip: {
-        readonly sm: "0.25rem";
-        readonly md: "0.375rem";
-    };
-    readonly toast: {
-        readonly sm: "0.375rem";
-        readonly md: "0.5rem";
-        readonly lg: "0.75rem";
-    };
-    readonly chip: {
-        readonly sm: "0.125rem";
-        readonly md: "0.25rem";
-        readonly lg: "0.375rem";
-        readonly pill: "9999px";
-    };
-    readonly image: {
-        readonly none: "0";
-        readonly sm: "0.25rem";
-        readonly md: "0.375rem";
-        readonly lg: "0.5rem";
-        readonly xl: "0.75rem";
-        readonly full: "9999px";
-    };
-};
-/**
- * CSS Custom Properties for Border Radius
- * These will be injected into the theme system
- */
-export declare const radiusCSSVariables: {
-    readonly "--radius-none": "0";
-    readonly "--radius-xs": "0.125rem";
-    readonly "--radius-sm": "0.25rem";
-    readonly "--radius-base": "0.25rem";
-    readonly "--radius-md": "0.375rem";
-    readonly "--radius-lg": "0.5rem";
-    readonly "--radius-xl": "0.75rem";
-    readonly "--radius-2xl": "1rem";
-    readonly "--radius-3xl": "1.5rem";
-    readonly "--radius-full": "9999px";
-    readonly "--radius": "0.375rem";
-    readonly "--radius-button": "0.375rem";
-    readonly "--radius-card": "0.375rem";
-    readonly "--radius-input": "0.375rem";
-    readonly "--radius-badge": "0.25rem";
-    readonly "--radius-modal": "0.5rem";
-    readonly "--radius-tooltip": "0.25rem";
-    readonly "--radius-toast": "0.5rem";
-    readonly "--radius-chip": "0.25rem";
-    readonly "--radius-image": "0.375rem";
-};
-/**
- * Tailwind Border Radius Config
- * Maps to Tailwind theme.extend.borderRadius
- */
-export declare const tailwindRadiusConfig: {
-    readonly borderRadius: {
-        readonly button: "0.375rem";
-        readonly card: "0.375rem";
-        readonly input: "0.375rem";
-        readonly badge: "0.25rem";
-        readonly modal: "0.5rem";
-        readonly tooltip: "0.25rem";
-        readonly toast: "0.5rem";
-        readonly chip: "0.25rem";
-        readonly image: "0.375rem";
-        readonly none: "0";
-        readonly xs: "0.125rem";
-        readonly sm: "0.25rem";
-        readonly DEFAULT: "0.25rem";
-        readonly base: "0.25rem";
-        readonly md: "0.375rem";
-        readonly lg: "0.5rem";
-        readonly xl: "0.75rem";
-        readonly "2xl": "1rem";
-        readonly "3xl": "1.5rem";
-        readonly full: "9999px";
-    };
-};
-/**
- * Type Exports
- */
-export type BorderRadius = keyof typeof borderRadius;
-export type ComponentRadius = {
-    button: keyof typeof componentRadius.button;
-    card: keyof typeof componentRadius.card;
-    input: keyof typeof componentRadius.input;
-    badge: keyof typeof componentRadius.badge;
-    avatar: keyof typeof componentRadius.avatar;
-    modal: keyof typeof componentRadius.modal;
-    tooltip: keyof typeof componentRadius.tooltip;
-    toast: keyof typeof componentRadius.toast;
-    chip: keyof typeof componentRadius.chip;
-    image: keyof typeof componentRadius.image;
-};