@tenerife.music/ui 1.0.8 → 1.0.13

package/dist/tokens/typography.d.ts

@@ -1,460 +0,0 @@
-/**
- * Typography System Tokens
- *
- * Complete typography system for Tenerife UI based on design system specifications.
- * Includes: font families (Inter, Satoshi, Clash Display), fluid type scale using clamp(),
- * font weights, line heights, letter spacing, and predefined text styles.
- *
- * @see docs/tenerife_audit/design_system.md - typography system section
- */
-/**
- * Font Families
- * Inter (primary), Satoshi (optional), Clash Display (headings/hero)
- */
-export declare const fontFamily: {
-    readonly sans: readonly ["Inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"];
-    readonly satoshi: readonly ["Satoshi", "Inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"];
-    readonly display: readonly ["Clash Display", "Inter", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"];
-    readonly serif: readonly ["ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"];
-    readonly mono: readonly ["ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"];
-};
-/**
- * Fluid Typography Scale
- * Uses clamp() for responsive type scaling
- * Values: text-xs through text-6xl
- *
- * Format: clamp(min, preferred, max)
- * min: smallest size (mobile)
- * preferred: fluid calculation
- * max: largest size (desktop)
- */
-export declare const fontSize: {
-    readonly xs: readonly ["clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)", {
-        readonly lineHeight: "1rem";
-        readonly letterSpacing: "0.05em";
-    }];
-    readonly sm: readonly ["clamp(0.875rem, 0.8rem + 0.25vw, 1rem)", {
-        readonly lineHeight: "1.25rem";
-        readonly letterSpacing: "0.025em";
-    }];
-    readonly base: readonly ["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)", {
-        readonly lineHeight: "1.5rem";
-        readonly letterSpacing: "0em";
-    }];
-    readonly lg: readonly ["clamp(1.125rem, 1rem + 0.5vw, 1.25rem)", {
-        readonly lineHeight: "1.75rem";
-        readonly letterSpacing: "-0.025em";
-    }];
-    readonly xl: readonly ["clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)", {
-        readonly lineHeight: "1.75rem";
-        readonly letterSpacing: "-0.025em";
-    }];
-    readonly "2xl": readonly ["clamp(1.5rem, 1.25rem + 1.25vw, 2rem)", {
-        readonly lineHeight: "2rem";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "3xl": readonly ["clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)", {
-        readonly lineHeight: "2.25rem";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "4xl": readonly ["clamp(2.25rem, 1.75rem + 2.5vw, 3rem)", {
-        readonly lineHeight: "2.5rem";
-        readonly letterSpacing: "-0.025em";
-    }];
-    readonly "5xl": readonly ["clamp(3rem, 2rem + 5vw, 4rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.025em";
-    }];
-    readonly "6xl": readonly ["clamp(3.75rem, 2.5rem + 6.25vw, 5rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "7xl": readonly ["clamp(4.5rem, 3rem + 7.5vw, 6rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "8xl": readonly ["clamp(6rem, 4rem + 10vw, 8rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "9xl": readonly ["clamp(8rem, 5rem + 15vw, 12rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.05em";
-    }];
-};
-/**
- * Font Weight Tokens
- * Range: 300 (light) to 800 (extrabold)
- */
-export declare const fontWeight: {
-    readonly thin: "100";
-    readonly extralight: "200";
-    readonly light: "300";
-    readonly normal: "400";
-    readonly medium: "500";
-    readonly semibold: "600";
-    readonly bold: "700";
-    readonly extrabold: "800";
-    readonly black: "900";
-};
-/**
- * Line Height Tokens
- * Used for vertical rhythm and readability
- */
-export declare const lineHeight: {
-    readonly none: "1";
-    readonly tight: "1.25";
-    readonly snug: "1.375";
-    readonly normal: "1.5";
-    readonly relaxed: "1.625";
-    readonly loose: "2";
-};
-/**
- * Letter Spacing Tokens
- * Used for tracking (character spacing)
- */
-export declare const letterSpacing: {
-    readonly tighter: "-0.05em";
-    readonly tight: "-0.025em";
-    readonly normal: "0em";
-    readonly wide: "0.025em";
-    readonly wider: "0.05em";
-    readonly widest: "0.1em";
-};
-/**
- * CSS Custom Properties for Typography
- * These will be injected into the theme system
- */
-export declare const typographyCSSVariables: {
-    readonly "--font-sans": string;
-    readonly "--font-satoshi": string;
-    readonly "--font-display": string;
-    readonly "--font-serif": string;
-    readonly "--font-mono": string;
-    readonly "--font-size-xs": "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)";
-    readonly "--font-size-sm": "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)";
-    readonly "--font-size-base": "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)";
-    readonly "--font-size-lg": "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
-    readonly "--font-size-xl": "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)";
-    readonly "--font-size-2xl": "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)";
-    readonly "--font-size-3xl": "clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)";
-    readonly "--font-size-4xl": "clamp(2.25rem, 1.75rem + 2.5vw, 3rem)";
-    readonly "--font-size-5xl": "clamp(3rem, 2rem + 5vw, 4rem)";
-    readonly "--font-size-6xl": "clamp(3.75rem, 2.5rem + 6.25vw, 5rem)";
-    readonly "--font-weight-thin": "100";
-    readonly "--font-weight-extralight": "200";
-    readonly "--font-weight-light": "300";
-    readonly "--font-weight-normal": "400";
-    readonly "--font-weight-medium": "500";
-    readonly "--font-weight-semibold": "600";
-    readonly "--font-weight-bold": "700";
-    readonly "--font-weight-extrabold": "800";
-    readonly "--font-weight-black": "900";
-    readonly "--line-height-none": "1";
-    readonly "--line-height-tight": "1.25";
-    readonly "--line-height-snug": "1.375";
-    readonly "--line-height-normal": "1.5";
-    readonly "--line-height-relaxed": "1.625";
-    readonly "--line-height-loose": "2";
-    readonly "--letter-spacing-tighter": "-0.05em";
-    readonly "--letter-spacing-tight": "-0.025em";
-    readonly "--letter-spacing-normal": "0em";
-    readonly "--letter-spacing-wide": "0.025em";
-    readonly "--letter-spacing-wider": "0.05em";
-    readonly "--letter-spacing-widest": "0.1em";
-};
-/**
- * Predefined Text Styles
- * Common combinations for headings, body text, etc.
- */
-export declare const textStyles: {
-    readonly display: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(3.75rem, 2.5rem + 6.25vw, 5rem)";
-        readonly fontWeight: "700";
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.025em";
-    };
-    readonly h1: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(3rem, 2rem + 5vw, 4rem)";
-        readonly fontWeight: "700";
-        readonly lineHeight: "1.25";
-        readonly letterSpacing: "-0.025em";
-    };
-    readonly h2: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(2.25rem, 1.75rem + 2.5vw, 3rem)";
-        readonly fontWeight: "700";
-        readonly lineHeight: "1.25";
-        readonly letterSpacing: "-0.025em";
-    };
-    readonly h3: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)";
-        readonly fontWeight: "600";
-        readonly lineHeight: "1.375";
-        readonly letterSpacing: "0em";
-    };
-    readonly h4: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)";
-        readonly fontWeight: "600";
-        readonly lineHeight: "1.375";
-        readonly letterSpacing: "0em";
-    };
-    readonly h5: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)";
-        readonly fontWeight: "500";
-        readonly lineHeight: "1.5";
-        readonly letterSpacing: "0em";
-    };
-    readonly h6: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)";
-        readonly fontWeight: "500";
-        readonly lineHeight: "1.5";
-        readonly letterSpacing: "0em";
-    };
-    readonly body: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(1rem, 0.95rem + 0.25vw, 1.125rem)";
-        readonly fontWeight: "400";
-        readonly lineHeight: "1.625";
-        readonly letterSpacing: "0em";
-    };
-    readonly "body-sm": {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)";
-        readonly fontWeight: "400";
-        readonly lineHeight: "1.5";
-        readonly letterSpacing: "0em";
-    };
-    readonly "body-xs": {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)";
-        readonly fontWeight: "400";
-        readonly lineHeight: "1.5";
-        readonly letterSpacing: "0.025em";
-    };
-    readonly label: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)";
-        readonly fontWeight: "500";
-        readonly lineHeight: "1.5";
-        readonly letterSpacing: "0.025em";
-    };
-    readonly "label-sm": {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)";
-        readonly fontWeight: "500";
-        readonly lineHeight: "1.5";
-        readonly letterSpacing: "0.05em";
-    };
-    readonly caption: {
-        readonly fontFamily: string;
-        readonly fontSize: "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)";
-        readonly fontWeight: "400";
-        readonly lineHeight: "1.5";
-        readonly letterSpacing: "0.025em";
-    };
-};
-/**
- * Tailwind Typography Config
- * Maps to Tailwind theme.extend.typography
- * Note: Typed as tuples for Tailwind compatibility
- */
-export declare const tailwindTypographyConfig: {
-    readonly fontFamily: {
-        readonly sans: string[];
-        readonly satoshi: string[];
-        readonly display: string[];
-        readonly serif: string[];
-        readonly mono: string[];
-    };
-    readonly fontSize: {
-        readonly xs: [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly sm: [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly md: [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly base: [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly lg: [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly xl: [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly "2xl": [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly "3xl": [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly "4xl": [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly "5xl": [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly "6xl": [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly "7xl": [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly "8xl": [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-        readonly "9xl": [string, {
-            lineHeight: string;
-            letterSpacing: string;
-        }];
-    };
-    readonly fontWeight: {
-        readonly thin: "100";
-        readonly extralight: "200";
-        readonly light: "300";
-        readonly normal: "400";
-        readonly medium: "500";
-        readonly semibold: "600";
-        readonly bold: "700";
-        readonly extrabold: "800";
-        readonly black: "900";
-    };
-    readonly lineHeight: {
-        readonly none: "1";
-        readonly tight: "1.25";
-        readonly snug: "1.375";
-        readonly normal: "1.5";
-        readonly relaxed: "1.625";
-        readonly loose: "2";
-    };
-    readonly letterSpacing: {
-        readonly tighter: "-0.05em";
-        readonly tight: "-0.025em";
-        readonly normal: "0em";
-        readonly wide: "0.025em";
-        readonly wider: "0.05em";
-        readonly widest: "0.1em";
-    };
-};
-/**
- * Canonical Typography Types
- * Restricted to canonical values for component APIs
- */
-/**
- * Canonical font weight tokens
- * Only these four weights should be used in typography components
- */
-export type CanonicalFontWeight = "normal" | "medium" | "semibold" | "bold";
-/**
- * Canonical font size scale tokens
- * Used for typography components
- */
-export type CanonicalFontSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
-/**
- * Canonical line height tokens
- * Used for typography components
- */
-export type CanonicalLineHeight = "tight" | "normal" | "loose";
-/**
- * Canonical letter spacing (tracking) tokens
- * Used for typography components
- */
-export type CanonicalLetterSpacing = "tight" | "normal" | "wide";
-/**
- * Canonical text color tokens
- * Semantic text colors for typography components
- */
-export type CanonicalTextColor = "primary" | "secondary" | "muted" | "destructive" | "accent";
-/**
- * Font size mapping for md (maps to base)
- */
-export declare const fontSizeWithMd: {
-    readonly md: readonly ["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)", {
-        readonly lineHeight: "1.5rem";
-        readonly letterSpacing: "0em";
-    }];
-    readonly xs: readonly ["clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)", {
-        readonly lineHeight: "1rem";
-        readonly letterSpacing: "0.05em";
-    }];
-    readonly sm: readonly ["clamp(0.875rem, 0.8rem + 0.25vw, 1rem)", {
-        readonly lineHeight: "1.25rem";
-        readonly letterSpacing: "0.025em";
-    }];
-    readonly base: readonly ["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)", {
-        readonly lineHeight: "1.5rem";
-        readonly letterSpacing: "0em";
-    }];
-    readonly lg: readonly ["clamp(1.125rem, 1rem + 0.5vw, 1.25rem)", {
-        readonly lineHeight: "1.75rem";
-        readonly letterSpacing: "-0.025em";
-    }];
-    readonly xl: readonly ["clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)", {
-        readonly lineHeight: "1.75rem";
-        readonly letterSpacing: "-0.025em";
-    }];
-    readonly "2xl": readonly ["clamp(1.5rem, 1.25rem + 1.25vw, 2rem)", {
-        readonly lineHeight: "2rem";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "3xl": readonly ["clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)", {
-        readonly lineHeight: "2.25rem";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "4xl": readonly ["clamp(2.25rem, 1.75rem + 2.5vw, 3rem)", {
-        readonly lineHeight: "2.5rem";
-        readonly letterSpacing: "-0.025em";
-    }];
-    readonly "5xl": readonly ["clamp(3rem, 2rem + 5vw, 4rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.025em";
-    }];
-    readonly "6xl": readonly ["clamp(3.75rem, 2.5rem + 6.25vw, 5rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "7xl": readonly ["clamp(4.5rem, 3rem + 7.5vw, 6rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "8xl": readonly ["clamp(6rem, 4rem + 10vw, 8rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.05em";
-    }];
-    readonly "9xl": readonly ["clamp(8rem, 5rem + 15vw, 12rem)", {
-        readonly lineHeight: "1";
-        readonly letterSpacing: "-0.05em";
-    }];
-};
-/**
- * Type Exports
- */
-export type FontFamily = keyof typeof fontFamily;
-export type FontSize = keyof typeof fontSize;
-export type FontWeight = keyof typeof fontWeight;
-export type LetterSpacing = keyof typeof letterSpacing;
-export type LineHeight = keyof typeof lineHeight;
-export type TextStyle = keyof typeof textStyles;

package/dist/typography-C-Nb4y0o.cjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";const e={0:"0",px:"1px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},m={xs:e[1],sm:e[2],md:e[4],lg:e[6],xl:e[8],"2xl":e[12],"3xl":e[16],"4xl":e[20],"5xl":e[24],none:e[0]},i={section:{xs:e[6],sm:e[8],md:e[12],lg:e[16],xl:e[20],"2xl":e[24]},container:{xs:e[2],sm:e[4],md:e[6],lg:e[8],xl:e[12]},grid:{xs:e[2],sm:e[4],md:e[6],lg:e[8],xl:e[12]},stack:{xs:e[1],sm:e[2],md:e[4],lg:e[6],xl:e[8]},component:{xs:e[1],sm:e[2],md:e[4],lg:e[6],xl:e[8]}},z={"--spacing-0":e[0],"--spacing-px":e.px,"--spacing-0-5":e[.5],"--spacing-1":e[1],"--spacing-1-5":e[1.5],"--spacing-2":e[2],"--spacing-2-5":e[2.5],"--spacing-3":e[3],"--spacing-3-5":e[3.5],"--spacing-4":e[4],"--spacing-5":e[5],"--spacing-6":e[6],"--spacing-7":e[7],"--spacing-8":e[8],"--spacing-9":e[9],"--spacing-10":e[10],"--spacing-11":e[11],"--spacing-12":e[12],"--spacing-14":e[14],"--spacing-16":e[16],"--spacing-20":e[20],"--spacing-24":e[24],"--spacing-xs":m.xs,"--spacing-sm":m.sm,"--spacing-md":m.md,"--spacing-lg":m.lg,"--spacing-xl":m.xl,"--spacing-2xl":m["2xl"],"--spacing-3xl":m["3xl"],"--spacing-4xl":m["4xl"],"--spacing-5xl":m["5xl"],"--spacing-none":m.none,"--layout-section-xs":i.section.xs,"--layout-section-sm":i.section.sm,"--layout-section-md":i.section.md,"--layout-section-lg":i.section.lg,"--layout-section-xl":i.section.xl,"--layout-section-2xl":i.section["2xl"],"--layout-container-xs":i.container.xs,"--layout-container-sm":i.container.sm,"--layout-container-md":i.container.md,"--layout-container-lg":i.container.lg,"--layout-container-xl":i.container.xl,"--layout-grid-xs":i.grid.xs,"--layout-grid-sm":i.grid.sm,"--layout-grid-md":i.grid.md,"--layout-grid-lg":i.grid.lg,"--layout-grid-xl":i.grid.xl,"--layout-stack-xs":i.stack.xs,"--layout-stack-sm":i.stack.sm,"--layout-stack-md":i.stack.md,"--layout-stack-lg":i.stack.lg,"--layout-stack-xl":i.stack.xl,"--layout-component-xs":i.component.xs,"--layout-component-sm":i.component.sm,"--layout-component-md":i.component.md,"--layout-component-lg":i.component.lg,"--layout-component-xl":i.component.xl},C={spacing:{...e,xs:m.xs,sm:m.sm,md:m.md,lg:m.lg,xl:m.xl,"2xl":m["2xl"],"3xl":m["3xl"],"4xl":m["4xl"],"5xl":m["5xl"],none:m.none}},u={fast:"150ms",normal:"250ms",slow:"350ms",reduced:"0ms"},w={soft:"cubic-bezier(0.22, 1, 0.36, 1)",standard:"cubic-bezier(0.4, 0, 0.2, 1)",emphasized:"cubic-bezier(0.2, 0, 0, 1)"},b={fast:`${u.fast} ${w.standard}`,normal:`${u.normal} ${w.standard}`,slow:`${u.slow} ${w.emphasized}`,soft:`${u.normal} ${w.soft}`,reduced:`${u.reduced} linear`},v={in:{from:{opacity:0},to:{opacity:1}},out:{from:{opacity:1},to:{opacity:0}}},H={in:{from:{transform:"scale(0.95)",opacity:0},to:{transform:"scale(1)",opacity:1}},out:{from:{transform:"scale(1)",opacity:1},to:{transform:"scale(0.95)",opacity:0}}},S={up:{in:{from:{transform:"translateY(100%)",opacity:0},to:{transform:"translateY(0)",opacity:1}},out:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(100%)",opacity:0}}},down:{in:{from:{transform:"translateY(-100%)",opacity:0},to:{transform:"translateY(0)",opacity:1}},out:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-100%)",opacity:0}}},left:{in:{from:{transform:"translateX(100%)",opacity:0},to:{transform:"translateX(0)",opacity:1}},out:{from:{transform:"translateX(0)",opacity:1},to:{transform:"translateX(100%)",opacity:0}}},right:{in:{from:{transform:"translateX(-100%)",opacity:0},to:{transform:"translateX(0)",opacity:1}},out:{from:{transform:"translateX(0)",opacity:1},to:{transform:"translateX(-100%)",opacity:0}}}},h={fadeScale:{in:{from:{transform:"scale(0.95)",opacity:0},to:{transform:"scale(1)",opacity:1}},out:{from:{transform:"scale(1)",opacity:1},to:{transform:"scale(0.95)",opacity:0}}},fadeSlideUp:{in:{from:{transform:"translateY(100%)",opacity:0},to:{transform:"translateY(0)",opacity:1}},out:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(100%)",opacity:0}}},fadeSlideDown:{in:{from:{transform:"translateY(-100%)",opacity:0},to:{transform:"translateY(0)",opacity:1}},out:{from:{transform:"translateY(0)",opacity:1},to:{transform:"translateY(-100%)",opacity:0}}},fadeSlideLeft:{in:{from:{transform:"translateX(100%)",opacity:0},to:{transform:"translateX(0)",opacity:1}},out:{from:{transform:"translateX(0)",opacity:1},to:{transform:"translateX(100%)",opacity:0}}},fadeSlideRight:{in:{from:{transform:"translateX(-100%)",opacity:0},to:{transform:"translateX(0)",opacity:1}},out:{from:{transform:"translateX(0)",opacity:1},to:{transform:"translateX(-100%)",opacity:0}}}},k={"--motion-duration-fast":u.fast,"--motion-duration-normal":u.normal,"--motion-duration-slow":u.slow,"--motion-duration-reduced":u.reduced,"--motion-easing-soft":w.soft,"--motion-easing-standard":w.standard,"--motion-easing-emphasized":w.emphasized,"--motion-transition-fast":b.fast,"--motion-transition-normal":b.normal,"--motion-transition-slow":b.slow,"--motion-transition-soft":b.soft,"--motion-transition-reduced":b.reduced},$={transitionDuration:{...u},transitionTimingFunction:{...w},keyframes:{"fade-in":v.in,"fade-out":v.out,"scale-in":H.in,"scale-out":H.out,"slide-up-in":S.up.in,"slide-up-out":S.up.out,"slide-down-in":S.down.in,"slide-down-out":S.down.out,"slide-left-in":S.left.in,"slide-left-out":S.left.out,"slide-right-in":S.right.in,"slide-right-out":S.right.out,"fade-scale-in":h.fadeScale.in,"fade-scale-out":h.fadeScale.out,"fade-slide-up-in":h.fadeSlideUp.in,"fade-slide-up-out":h.fadeSlideUp.out,"fade-slide-down-in":h.fadeSlideDown.in,"fade-slide-down-out":h.fadeSlideDown.out,"fade-slide-left-in":h.fadeSlideLeft.in,"fade-slide-left-out":h.fadeSlideLeft.out,"fade-slide-right-in":h.fadeSlideRight.in,"fade-slide-right-out":h.fadeSlideRight.out}},a={none:"0",xs:"0.125rem",sm:"0.25rem",DEFAULT:"0.25rem",base:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px"},c={button:{sm:a.sm,md:a.md,lg:a.lg,pill:a.full},card:{sm:a.sm,md:a.md,lg:a.lg,xl:a.xl},input:{sm:a.sm,md:a.md,lg:a.lg},badge:{sm:a.xs,md:a.sm,lg:a.md,pill:a.full},avatar:{sm:a.full,md:a.full,lg:a.full,square:a.md},modal:{sm:a.md,md:a.lg,lg:a.xl,xl:a["2xl"]},tooltip:{sm:a.sm,md:a.md},toast:{sm:a.md,md:a.lg,lg:a.xl},chip:{sm:a.xs,md:a.sm,lg:a.md,pill:a.full},image:{none:a.none,sm:a.sm,md:a.md,lg:a.lg,xl:a.xl,full:a.full}},V={"--radius-none":a.none,"--radius-xs":a.xs,"--radius-sm":a.sm,"--radius-base":a.base,"--radius-md":a.md,"--radius-lg":a.lg,"--radius-xl":a.xl,"--radius-2xl":a["2xl"],"--radius-3xl":a["3xl"],"--radius-full":a.full,"--radius":a.md,"--radius-button":c.button.md,"--radius-card":c.card.md,"--radius-input":c.input.md,"--radius-badge":c.badge.md,"--radius-modal":c.modal.md,"--radius-tooltip":c.tooltip.sm,"--radius-toast":c.toast.md,"--radius-chip":c.chip.md,"--radius-image":c.image.md},F={borderRadius:{...a,button:c.button.md,card:c.card.md,input:c.input.md,badge:c.badge.md,modal:c.modal.md,tooltip:c.tooltip.sm,toast:c.toast.md,chip:c.chip.md,image:c.image.md}},x={black:"0 0 0",overlay:"0 0 0"},f={xs:"0.05",sm:"0.1",md:"0.1",lg:"0.1",xl:"0.1","2xl":"0.25",overlay:"0.5",backdrop:"0.5"},n={none:"none",xs:`0 1px 2px 0 rgb(${x.black} / ${f.xs})`,sm:`0 1px 3px 0 rgb(${x.black} / ${f.sm}), 0 1px 2px -1px rgb(${x.black} / ${f.sm})`,md:`0 4px 6px -1px rgb(${x.black} / ${f.md}), 0 2px 4px -2px rgb(${x.black} / ${f.md})`,lg:`0 10px 15px -3px rgb(${x.black} / ${f.lg}), 0 4px 6px -4px rgb(${x.black} / ${f.lg})`,xl:`0 20px 25px -5px rgb(${x.black} / ${f.xl}), 0 8px 10px -6px rgb(${x.black} / ${f.xl})`,"2xl":`0 25px 50px -12px rgb(${x.black} / ${f["2xl"]})`},d={xs:"0 1px 2px 0 hsl(var(--primary-500) / 0.15)",sm:"0 2px 4px 0 hsl(var(--primary-500) / 0.2)",md:"0 4px 8px 0 hsl(var(--primary-500) / 0.3)",lg:"0 8px 16px 0 hsl(var(--primary-500) / 0.4)",xl:"0 12px 24px 0 hsl(var(--primary-500) / 0.5)","2xl":"0 16px 32px 0 hsl(var(--primary-500) / 0.6)"},p={xs:"0 1px 2px 0 hsl(var(--accent-500) / 0.15)",sm:"0 2px 4px 0 hsl(var(--accent-500) / 0.2)",md:"0 4px 8px 0 hsl(var(--accent-500) / 0.3)",lg:"0 8px 16px 0 hsl(var(--accent-500) / 0.4)",xl:"0 12px 24px 0 hsl(var(--accent-500) / 0.5)","2xl":"0 16px 32px 0 hsl(var(--accent-500) / 0.6)"},g={"glow-primary":"0 0 20px 0 hsl(var(--primary-500) / 0.5), 0 0 40px 0 hsl(var(--primary-500) / 0.3)","glow-primary-subtle":"0 0 8px 0 hsl(var(--primary-500) / 0.3)","glow-primary-medium":"0 0 16px 0 hsl(var(--primary-500) / 0.5)","glow-primary-strong":"0 0 24px 0 hsl(var(--primary-500) / 0.6)","glow-accent":"0 0 20px 0 hsl(var(--accent-500) / 0.5), 0 0 40px 0 hsl(var(--accent-500) / 0.3)","glow-accent-subtle":"0 0 8px 0 hsl(var(--accent-500) / 0.3)","glow-accent-medium":"0 0 16px 0 hsl(var(--accent-500) / 0.5)","glow-accent-strong":"0 0 24px 0 hsl(var(--accent-500) / 0.6)"},y={default:"0 0 0 3px hsl(var(--ring) / 0.5)",primary:"0 0 0 3px hsl(var(--primary-500) / 0.3)",accent:"0 0 0 3px hsl(var(--accent-500) / 0.3)","focus-primary":"0 0 0 3px hsl(var(--primary-500) / 0.3)","focus-accent":"0 0 0 3px hsl(var(--accent-500) / 0.3)"},j={"--shadow-none":n.none,"--shadow-xs":n.xs,"--shadow-sm":n.sm,"--shadow-md":n.md,"--shadow-lg":n.lg,"--shadow-xl":n.xl,"--shadow-2xl":n["2xl"],"--shadow-primary-xs":d.xs,"--shadow-primary-sm":d.sm,"--shadow-primary-md":d.md,"--shadow-primary-lg":d.lg,"--shadow-primary-xl":d.xl,"--shadow-primary-2xl":d["2xl"],"--shadow-accent-xs":p.xs,"--shadow-accent-sm":p.sm,"--shadow-accent-md":p.md,"--shadow-accent-lg":p.lg,"--shadow-accent-xl":p.xl,"--shadow-accent-2xl":p["2xl"],"--glow-primary":g["glow-primary"],"--glow-primary-subtle":g["glow-primary-subtle"],"--glow-primary-medium":g["glow-primary-medium"],"--glow-primary-strong":g["glow-primary-strong"],"--glow-accent":g["glow-accent"],"--glow-accent-subtle":g["glow-accent-subtle"],"--glow-accent-medium":g["glow-accent-medium"],"--glow-accent-strong":g["glow-accent-strong"],"--focus-ring-default":y.default,"--focus-ring-primary":y.primary,"--focus-ring-accent":y.accent,"--focus-primary":y["focus-primary"],"--focus-accent":y["focus-accent"]},W={card:{default:n.sm,hover:n.md,active:n.xs,selected:d.sm},button:{default:n.xs,hover:n.sm,active:n.none,focus:y.primary},"button-accent":{default:p.xs,hover:p.sm,active:n.none,focus:y.accent},modal:{default:n.xl,backdrop:`rgba(${x.overlay}, ${f.backdrop})`},dropdown:{default:n.md,hover:n.lg},tooltip:{default:n.sm},toast:{default:n.lg,success:"0 10px 15px -3px hsl(var(--semantic-success) / 0.3)",error:"0 10px 15px -3px hsl(var(--semantic-error) / 0.3)"}},R={boxShadow:{none:n.none,xs:n.xs,sm:n.sm,md:n.md,lg:n.lg,xl:n.xl,"2xl":n["2xl"],"primary-xs":d.xs,"primary-sm":d.sm,"primary-md":d.md,"primary-lg":d.lg,"primary-xl":d.xl,"primary-2xl":d["2xl"],"accent-xs":p.xs,"accent-sm":p.sm,"accent-md":p.md,"accent-lg":p.lg,"accent-xl":p.xl,"accent-2xl":p["2xl"],"glow-primary":g["glow-primary"],"glow-primary-subtle":g["glow-primary-subtle"],"glow-primary-medium":g["glow-primary-medium"],"glow-primary-strong":g["glow-primary-strong"],"glow-accent":g["glow-accent"],"glow-accent-subtle":g["glow-accent-subtle"],"glow-accent-medium":g["glow-accent-medium"],"glow-accent-strong":g["glow-accent-strong"],"focus-ring":y.default,"focus-primary":y["focus-primary"],"focus-accent":y["focus-accent"]},ringWidth:{DEFAULT:"3px",sm:"2px",md:"3px",lg:"4px"},ringColor:{DEFAULT:"hsl(var(--ring) / 0.5)",primary:"hsl(var(--primary-500) / 0.3)",accent:"hsl(var(--accent-500) / 0.3)","focus-primary":"hsl(var(--primary-500) / 0.3)","focus-accent":"hsl(var(--accent-500) / 0.3)"}},o={sans:["Inter","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],satoshi:["Satoshi","Inter","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","sans-serif"],display:["Clash Display","Inter","ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","sans-serif"],serif:["ui-serif","Georgia","Cambria","Times New Roman","Times","serif"],mono:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"]},t={xs:["clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)",{lineHeight:"1rem",letterSpacing:"0.05em"}],sm:["clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",{lineHeight:"1.25rem",letterSpacing:"0.025em"}],base:["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)",{lineHeight:"1.5rem",letterSpacing:"0em"}],lg:["clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",{lineHeight:"1.75rem",letterSpacing:"-0.025em"}],xl:["clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",{lineHeight:"1.75rem",letterSpacing:"-0.025em"}],"2xl":["clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",{lineHeight:"2rem",letterSpacing:"-0.05em"}],"3xl":["clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)",{lineHeight:"2.25rem",letterSpacing:"-0.05em"}],"4xl":["clamp(2.25rem, 1.75rem + 2.5vw, 3rem)",{lineHeight:"2.5rem",letterSpacing:"-0.025em"}],"5xl":["clamp(3rem, 2rem + 5vw, 4rem)",{lineHeight:"1",letterSpacing:"-0.025em"}],"6xl":["clamp(3.75rem, 2.5rem + 6.25vw, 5rem)",{lineHeight:"1",letterSpacing:"-0.05em"}],"7xl":["clamp(4.5rem, 3rem + 7.5vw, 6rem)",{lineHeight:"1",letterSpacing:"-0.05em"}],"8xl":["clamp(6rem, 4rem + 10vw, 8rem)",{lineHeight:"1",letterSpacing:"-0.05em"}],"9xl":["clamp(8rem, 5rem + 15vw, 12rem)",{lineHeight:"1",letterSpacing:"-0.05em"}]},l={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},s={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},r={tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},X={"--font-sans":o.sans.join(", "),"--font-satoshi":o.satoshi.join(", "),"--font-display":o.display.join(", "),"--font-serif":o.serif.join(", "),"--font-mono":o.mono.join(", "),"--font-size-xs":t.xs[0],"--font-size-sm":t.sm[0],"--font-size-base":t.base[0],"--font-size-lg":t.lg[0],"--font-size-xl":t.xl[0],"--font-size-2xl":t["2xl"][0],"--font-size-3xl":t["3xl"][0],"--font-size-4xl":t["4xl"][0],"--font-size-5xl":t["5xl"][0],"--font-size-6xl":t["6xl"][0],"--font-weight-thin":l.thin,"--font-weight-extralight":l.extralight,"--font-weight-light":l.light,"--font-weight-normal":l.normal,"--font-weight-medium":l.medium,"--font-weight-semibold":l.semibold,"--font-weight-bold":l.bold,"--font-weight-extrabold":l.extrabold,"--font-weight-black":l.black,"--line-height-none":s.none,"--line-height-tight":s.tight,"--line-height-snug":s.snug,"--line-height-normal":s.normal,"--line-height-relaxed":s.relaxed,"--line-height-loose":s.loose,"--letter-spacing-tighter":r.tighter,"--letter-spacing-tight":r.tight,"--letter-spacing-normal":r.normal,"--letter-spacing-wide":r.wide,"--letter-spacing-wider":r.wider,"--letter-spacing-widest":r.widest},Y={display:{fontFamily:o.display.join(", "),fontSize:t["6xl"][0],fontWeight:l.bold,lineHeight:s.none,letterSpacing:r.tight},h1:{fontFamily:o.display.join(", "),fontSize:t["5xl"][0],fontWeight:l.bold,lineHeight:s.tight,letterSpacing:r.tight},h2:{fontFamily:o.display.join(", "),fontSize:t["4xl"][0],fontWeight:l.bold,lineHeight:s.tight,letterSpacing:r.tight},h3:{fontFamily:o.sans.join(", "),fontSize:t["3xl"][0],fontWeight:l.semibold,lineHeight:s.snug,letterSpacing:r.normal},h4:{fontFamily:o.sans.join(", "),fontSize:t["2xl"][0],fontWeight:l.semibold,lineHeight:s.snug,letterSpacing:r.normal},h5:{fontFamily:o.sans.join(", "),fontSize:t.xl[0],fontWeight:l.medium,lineHeight:s.normal,letterSpacing:r.normal},h6:{fontFamily:o.sans.join(", "),fontSize:t.lg[0],fontWeight:l.medium,lineHeight:s.normal,letterSpacing:r.normal},body:{fontFamily:o.sans.join(", "),fontSize:t.base[0],fontWeight:l.normal,lineHeight:s.relaxed,letterSpacing:r.normal},"body-sm":{fontFamily:o.sans.join(", "),fontSize:t.sm[0],fontWeight:l.normal,lineHeight:s.normal,letterSpacing:r.normal},"body-xs":{fontFamily:o.sans.join(", "),fontSize:t.xs[0],fontWeight:l.normal,lineHeight:s.normal,letterSpacing:r.wide},label:{fontFamily:o.sans.join(", "),fontSize:t.sm[0],fontWeight:l.medium,lineHeight:s.normal,letterSpacing:r.wide},"label-sm":{fontFamily:o.sans.join(", "),fontSize:t.xs[0],fontWeight:l.medium,lineHeight:s.normal,letterSpacing:r.wider},caption:{fontFamily:o.sans.join(", "),fontSize:t.xs[0],fontWeight:l.normal,lineHeight:s.normal,letterSpacing:r.wide}},T={fontFamily:{sans:[...o.sans],satoshi:[...o.satoshi],display:[...o.display],serif:[...o.serif],mono:[...o.mono]},fontSize:{xs:[t.xs[0],{lineHeight:t.xs[1].lineHeight,letterSpacing:t.xs[1].letterSpacing}],sm:[t.sm[0],{lineHeight:t.sm[1].lineHeight,letterSpacing:t.sm[1].letterSpacing}],md:[t.base[0],{lineHeight:t.base[1].lineHeight,letterSpacing:t.base[1].letterSpacing}],base:[t.base[0],{lineHeight:t.base[1].lineHeight,letterSpacing:t.base[1].letterSpacing}],lg:[t.lg[0],{lineHeight:t.lg[1].lineHeight,letterSpacing:t.lg[1].letterSpacing}],xl:[t.xl[0],{lineHeight:t.xl[1].lineHeight,letterSpacing:t.xl[1].letterSpacing}],"2xl":[t["2xl"][0],{lineHeight:t["2xl"][1].lineHeight,letterSpacing:t["2xl"][1].letterSpacing}],"3xl":[t["3xl"][0],{lineHeight:t["3xl"][1].lineHeight,letterSpacing:t["3xl"][1].letterSpacing}],"4xl":[t["4xl"][0],{lineHeight:t["4xl"][1].lineHeight,letterSpacing:t["4xl"][1].letterSpacing}],"5xl":[t["5xl"][0],{lineHeight:t["5xl"][1].lineHeight,letterSpacing:t["5xl"][1].letterSpacing}],"6xl":[t["6xl"][0],{lineHeight:t["6xl"][1].lineHeight,letterSpacing:t["6xl"][1].letterSpacing}],"7xl":[t["7xl"][0],{lineHeight:t["7xl"][1].lineHeight,letterSpacing:t["7xl"][1].letterSpacing}],"8xl":[t["8xl"][0],{lineHeight:t["8xl"][1].lineHeight,letterSpacing:t["8xl"][1].letterSpacing}],"9xl":[t["9xl"][0],{lineHeight:t["9xl"][1].lineHeight,letterSpacing:t["9xl"][1].letterSpacing}]},fontWeight:{...l},lineHeight:{...s},letterSpacing:{...r}},M={...t,md:t.base};exports.accentColoredShadows=p;exports.borderRadius=a;exports.componentRadius=c;exports.componentShadowMapping=W;exports.elevationShadows=n;exports.focusRings=y;exports.fontFamily=o;exports.fontSize=t;exports.fontSizeWithMd=M;exports.fontWeight=l;exports.glowEffects=g;exports.layoutSpacing=i;exports.letterSpacing=r;exports.lineHeight=s;exports.motionV2CSSVariables=k;exports.motionV2Combined=h;exports.motionV2Durations=u;exports.motionV2Easings=w;exports.motionV2Fade=v;exports.motionV2Scale=H;exports.motionV2Slide=S;exports.motionV2TailwindConfig=$;exports.motionV2Transitions=b;exports.primaryColoredShadows=d;exports.radiusCSSVariables=V;exports.semanticSpacing=m;exports.shadowBase=x;exports.shadowCSSVariables=j;exports.shadowOpacity=f;exports.spacing=e;exports.spacingCSSVariables=z;exports.tailwindRadiusConfig=F;exports.tailwindShadowConfig=R;exports.tailwindSpacingConfig=C;exports.tailwindTypographyConfig=T;exports.textStyles=Y;exports.typographyCSSVariables=X;