@tenerife.music/ui 1.0.0 → 1.0.2

package/dist/tokens/index.mjs

@@ -1,266 +1,9 @@
 "use client";
-import { f as u } from "../colors-ClemXPPi.js";
-import { a as A, b as N, e as B, p as G, s as P, d as Q, c as q, g as J, t as K } from "../colors-ClemXPPi.js";
-import { r as y } from "../radius-CAu4qr9R.js";
-import { b as _, c as ee, t as te } from "../radius-CAu4qr9R.js";
-const n = {
-  instant: "0ms",
-  fast: "150ms",
-  // 1.5 × base (quick interactions)
-  normal: "300ms",
-  // 3 × base (default)
-  slow: "500ms",
-  // 5 × base (emphasized)
-  slower: "700ms",
-  // 7 × base (very emphasized)
-  slowest: "1000ms",
-  // 10 × base (maximum emphasis)
-  // Additional granular durations
-  75: "75ms",
-  // Ultra-fast
-  100: "100ms",
-  // Base unit
-  200: "200ms",
-  // Fast-normal
-  250: "250ms",
-  // Between fast and normal
-  400: "400ms",
-  // Between normal and slow
-  600: "600ms",
-  // Between slow and slower
-  800: "800ms"
-  // Between slower and slowest
-}, a = {
-  // Linear (no easing)
-  linear: "linear",
-  // Ease-in (accelerate) - cubic-bezier
-  "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
-  // Ease-out (decelerate) - recommended for most UI - cubic-bezier
-  "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
-  // Ease-in-out (accelerate and decelerate)
-  "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
-  // Standard easing functions
-  ease: "ease",
-  // Advanced easing functions
-  bounce: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
-  elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-  // Material Design easing
-  "ease-out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)",
-  "ease-in-cubic": "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
-  "ease-in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)"
-}, f = {
-  // Fast transitions (quick interactions)
-  fast: `${n.fast} ${a["ease-out"]}`,
-  "fast-in": `${n.fast} ${a["ease-in"]}`,
-  "fast-out": `${n.fast} ${a["ease-out"]}`,
-  "fast-in-out": `${n.fast} ${a["ease-in-out"]}`,
-  // Normal transitions (default)
-  normal: `${n.normal} ${a["ease-in-out"]}`,
-  "normal-in": `${n.normal} ${a["ease-in"]}`,
-  "normal-out": `${n.normal} ${a["ease-out"]}`,
-  "normal-in-out": `${n.normal} ${a["ease-in-out"]}`,
-  // Slow transitions (emphasized)
-  slow: `${n.slow} ${a["ease-in-out"]}`,
-  "slow-in": `${n.slow} ${a["ease-in"]}`,
-  "slow-out": `${n.slow} ${a["ease-out"]}`,
-  "slow-in-out": `${n.slow} ${a["ease-in-out"]}`,
-  // Special transitions
-  bounce: `${n.normal} ${a.bounce}`,
-  elastic: `${n.slow} ${a.elastic}`,
-  // Default (normal)
-  DEFAULT: `${n.normal} ${a["ease-in-out"]}`
-}, C = {
-  // Fade animations
-  fadeIn: {
-    from: { opacity: 0 },
-    to: { opacity: 1 }
-  },
-  fadeOut: {
-    from: { opacity: 1 },
-    to: { opacity: 0 }
-  },
-  // Slide animations
-  slideInUp: {
-    from: { transform: "translateY(100%)", opacity: 0 },
-    to: { transform: "translateY(0)", opacity: 1 }
-  },
-  slideInDown: {
-    from: { transform: "translateY(-100%)", opacity: 0 },
-    to: { transform: "translateY(0)", opacity: 1 }
-  },
-  slideInLeft: {
-    from: { transform: "translateX(-100%)", opacity: 0 },
-    to: { transform: "translateX(0)", opacity: 1 }
-  },
-  slideInRight: {
-    from: { transform: "translateX(100%)", opacity: 0 },
-    to: { transform: "translateX(0)", opacity: 1 }
-  },
-  slideOutUp: {
-    from: { transform: "translateY(0)", opacity: 1 },
-    to: { transform: "translateY(-100%)", opacity: 0 }
-  },
-  slideOutDown: {
-    from: { transform: "translateY(0)", opacity: 1 },
-    to: { transform: "translateY(100%)", opacity: 0 }
-  },
-  slideOutLeft: {
-    from: { transform: "translateX(0)", opacity: 1 },
-    to: { transform: "translateX(-100%)", opacity: 0 }
-  },
-  slideOutRight: {
-    from: { transform: "translateX(0)", opacity: 1 },
-    to: { transform: "translateX(100%)", opacity: 0 }
-  },
-  // Scale animations
-  scaleIn: {
-    from: { transform: "scale(0.95)", opacity: 0 },
-    to: { transform: "scale(1)", opacity: 1 }
-  },
-  scaleOut: {
-    from: { transform: "scale(1)", opacity: 1 },
-    to: { transform: "scale(0.95)", opacity: 0 }
-  },
-  scaleUp: {
-    from: { transform: "scale(1)" },
-    to: { transform: "scale(1.05)" }
-  },
-  scaleDown: {
-    from: { transform: "scale(1.05)" },
-    to: { transform: "scale(1)" }
-  },
-  // Rotation animations
-  spin: {
-    from: { transform: "rotate(0deg)" },
-    to: { transform: "rotate(360deg)" }
-  },
-  spinReverse: {
-    from: { transform: "rotate(360deg)" },
-    to: { transform: "rotate(0deg)" }
-  },
-  // Pulse and bounce
-  pulse: {
-    "0%, 100%": { opacity: 1 },
-    "50%": { opacity: 0.5 }
-  },
-  bounce: {
-    "0%, 100%": {
-      transform: "translateY(-25%)",
-      animationTimingFunction: "cubic-bezier(0.8, 0, 1, 1)"
-    },
-    "50%": {
-      transform: "translateY(0)",
-      animationTimingFunction: "cubic-bezier(0, 0, 0.2, 1)"
-    }
-  },
-  // Shake animation
-  shake: {
-    "0%, 100%": { transform: "translateX(0)" },
-    "10%, 30%, 50%, 70%, 90%": { transform: "translateX(-4px)" },
-    "20%, 40%, 60%, 80%": { transform: "translateX(4px)" }
-  },
-  // Ping animation
-  ping: {
-    "75%, 100%": {
-      transform: "scale(2)",
-      opacity: 0
-    }
-  },
-  // Accordion animations (for Radix UI)
-  "accordion-down": {
-    from: { height: "0" },
-    to: { height: "var(--radix-accordion-content-height)" }
-  },
-  "accordion-up": {
-    from: { height: "var(--radix-accordion-content-height)" },
-    to: { height: "0" }
-  }
-}, h = {
-  // Fade animations
-  fadeIn: `fadeIn ${n.normal} ${a["ease-out"]}`,
-  fadeOut: `fadeOut ${n.fast} ${a["ease-in"]}`,
-  // Slide animations
-  slideInUp: `slideInUp ${n.normal} ${a["ease-out"]}`,
-  slideInDown: `slideInDown ${n.normal} ${a["ease-out"]}`,
-  slideInLeft: `slideInLeft ${n.normal} ${a["ease-out"]}`,
-  slideInRight: `slideInRight ${n.normal} ${a["ease-out"]}`,
-  slideOutUp: `slideOutUp ${n.fast} ${a["ease-in"]}`,
-  slideOutDown: `slideOutDown ${n.fast} ${a["ease-in"]}`,
-  slideOutLeft: `slideOutLeft ${n.fast} ${a["ease-in"]}`,
-  slideOutRight: `slideOutRight ${n.fast} ${a["ease-in"]}`,
-  // Scale animations
-  scaleIn: `scaleIn ${n.normal} ${a["ease-out"]}`,
-  scaleOut: `scaleOut ${n.fast} ${a["ease-in"]}`,
-  // Continuous animations
-  spin: `spin 1s ${a.linear} infinite`,
-  pulse: `pulse 2s ${a["ease-in-out"]} infinite`,
-  bounce: `bounce 1s ${a.linear} infinite`,
-  ping: `ping 1s ${a["ease-out"]} cubic-bezier(0, 0, 0.2, 1) infinite`,
-  shake: `shake 0.5s ${a["ease-in-out"]}`,
-  // Accordion animations
-  "accordion-down": `accordion-down ${n.normal} ${a["ease-out"]}`,
-  "accordion-up": `accordion-up ${n.normal} ${a["ease-out"]}`
-}, U = {
-  // Reduced motion duration (instant or minimal)
-  duration: "0ms",
-  // Reduced motion easing (linear for instant)
-  easing: "linear",
-  // Reduced motion transition (instant)
-  transition: "0ms linear",
-  // CSS media query for reduced motion
-  mediaQuery: "@media (prefers-reduced-motion: reduce)",
-  // Utility class to disable animations
-  disableAnimations: "animation: none !important; transition: none !important;"
-}, w = {
-  // Durations
-  "--duration-instant": n.instant,
-  "--duration-fast": n.fast,
-  "--duration-normal": n.normal,
-  "--duration-slow": n.slow,
-  "--duration-slower": n.slower,
-  "--duration-slowest": n.slowest,
-  // Easings
-  "--ease-linear": a.linear,
-  "--ease-in": a["ease-in"],
-  "--ease-out": a["ease-out"],
-  "--ease-in-out": a["ease-in-out"],
-  "--ease-bounce": a.bounce,
-  "--ease-elastic": a.elastic,
-  // Transitions
-  "--transition-fast": f.fast,
-  "--transition-normal": f.normal,
-  "--transition-slow": f.slow,
-  "--transition-default": f.DEFAULT
-}, R = {
-  transitionDuration: {
-    ...n
-  },
-  transitionTimingFunction: {
-    ...a
-  },
-  transitionProperty: {
-    DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-    colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
-    opacity: "opacity",
-    shadow: "box-shadow",
-    transform: "transform",
-    all: "all",
-    none: "none"
-  },
-  keyframes: {
-    ...C
-  },
-  animation: {
-    ...h,
-    // Additional animation utilities
-    none: "none",
-    spin: h.spin,
-    pulse: h.pulse,
-    bounce: h.bounce,
-    ping: h.ping,
-    shake: h.shake
-  }
-}, o = {
+import { m as x, i as h } from "../motion-CuHacXY1.js";
+import { a as U, n as E, b as L, h as N, e as A, g as B, l as D, p as $, r as G, s as q, d as J, f as K, c as P, o as Q, j as X, t as Y, k as Z } from "../motion-CuHacXY1.js";
+import { r as d } from "../radius-CAu4qr9R.js";
+import { b as ee, c as te, t as le } from "../radius-CAu4qr9R.js";
+const i = {
   none: "none",
   xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
   sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
@@ -268,21 +11,21 @@ const n = {
   lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
   xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
   "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
-}, x = {
+}, g = {
   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 = {
+}, c = {
   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 = {
+}, m = {
   // Primary glow effects
   "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)",
@@ -293,122 +36,122 @@ const n = {
   "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)"
-}, d = {
+}, p = {
   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)"
-}, b = {
+}, y = {
   // Elevation shadows
-  "--shadow-none": o.none,
-  "--shadow-xs": o.xs,
-  "--shadow-sm": o.sm,
-  "--shadow-md": o.md,
-  "--shadow-lg": o.lg,
-  "--shadow-xl": o.xl,
-  "--shadow-2xl": o["2xl"],
+  "--shadow-none": i.none,
+  "--shadow-xs": i.xs,
+  "--shadow-sm": i.sm,
+  "--shadow-md": i.md,
+  "--shadow-lg": i.lg,
+  "--shadow-xl": i.xl,
+  "--shadow-2xl": i["2xl"],
   // Primary colored shadows
-  "--shadow-primary-xs": x.xs,
-  "--shadow-primary-sm": x.sm,
-  "--shadow-primary-md": x.md,
-  "--shadow-primary-lg": x.lg,
-  "--shadow-primary-xl": x.xl,
-  "--shadow-primary-2xl": x["2xl"],
+  "--shadow-primary-xs": g.xs,
+  "--shadow-primary-sm": g.sm,
+  "--shadow-primary-md": g.md,
+  "--shadow-primary-lg": g.lg,
+  "--shadow-primary-xl": g.xl,
+  "--shadow-primary-2xl": g["2xl"],
   // Accent colored shadows
-  "--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"],
+  "--shadow-accent-xs": c.xs,
+  "--shadow-accent-sm": c.sm,
+  "--shadow-accent-md": c.md,
+  "--shadow-accent-lg": c.lg,
+  "--shadow-accent-xl": c.xl,
+  "--shadow-accent-2xl": c["2xl"],
   // Glow effects
-  "--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"],
+  "--glow-primary": m["glow-primary"],
+  "--glow-primary-subtle": m["glow-primary-subtle"],
+  "--glow-primary-medium": m["glow-primary-medium"],
+  "--glow-primary-strong": m["glow-primary-strong"],
+  "--glow-accent": m["glow-accent"],
+  "--glow-accent-subtle": m["glow-accent-subtle"],
+  "--glow-accent-medium": m["glow-accent-medium"],
+  "--glow-accent-strong": m["glow-accent-strong"],
   // Focus rings
-  "--focus-ring-default": d.default,
-  "--focus-ring-primary": d.primary,
-  "--focus-ring-accent": d.accent,
-  "--focus-primary": d["focus-primary"],
-  "--focus-accent": d["focus-accent"]
-}, W = {
+  "--focus-ring-default": p.default,
+  "--focus-ring-primary": p.primary,
+  "--focus-ring-accent": p.accent,
+  "--focus-primary": p["focus-primary"],
+  "--focus-accent": p["focus-accent"]
+}, z = {
   card: {
-    default: o.sm,
-    hover: o.md,
-    active: o.xs,
-    selected: x.sm
+    default: i.sm,
+    hover: i.md,
+    active: i.xs,
+    selected: g.sm
   },
   button: {
-    default: o.xs,
-    hover: o.sm,
-    active: o.none,
-    focus: d.primary
+    default: i.xs,
+    hover: i.sm,
+    active: i.none,
+    focus: p.primary
   },
   "button-accent": {
-    default: p.xs,
-    hover: p.sm,
-    active: o.none,
-    focus: d.accent
+    default: c.xs,
+    hover: c.sm,
+    active: i.none,
+    focus: p.accent
   },
   modal: {
-    default: o.xl,
+    default: i.xl,
     backdrop: "rgba(0, 0, 0, 0.5)"
   },
   dropdown: {
-    default: o.md,
-    hover: o.lg
+    default: i.md,
+    hover: i.lg
   },
   tooltip: {
-    default: o.sm
+    default: i.sm
   },
   toast: {
-    default: o.lg,
+    default: i.lg,
     success: "0 10px 15px -3px hsl(var(--success) / 0.3)",
     error: "0 10px 15px -3px hsl(var(--error) / 0.3)"
   }
-}, D = {
+}, F = {
   boxShadow: {
     // Elevation shadows
-    none: o.none,
-    xs: o.xs,
-    sm: o.sm,
-    md: o.md,
-    lg: o.lg,
-    xl: o.xl,
-    "2xl": o["2xl"],
+    none: i.none,
+    xs: i.xs,
+    sm: i.sm,
+    md: i.md,
+    lg: i.lg,
+    xl: i.xl,
+    "2xl": i["2xl"],
     // Primary colored shadows
-    "primary-xs": x.xs,
-    "primary-sm": x.sm,
-    "primary-md": x.md,
-    "primary-lg": x.lg,
-    "primary-xl": x.xl,
-    "primary-2xl": x["2xl"],
+    "primary-xs": g.xs,
+    "primary-sm": g.sm,
+    "primary-md": g.md,
+    "primary-lg": g.lg,
+    "primary-xl": g.xl,
+    "primary-2xl": g["2xl"],
     // Accent colored shadows
-    "accent-xs": p.xs,
-    "accent-sm": p.sm,
-    "accent-md": p.md,
-    "accent-lg": p.lg,
-    "accent-xl": p.xl,
-    "accent-2xl": p["2xl"],
+    "accent-xs": c.xs,
+    "accent-sm": c.sm,
+    "accent-md": c.md,
+    "accent-lg": c.lg,
+    "accent-xl": c.xl,
+    "accent-2xl": c["2xl"],
     // Glow effects
-    "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"],
+    "glow-primary": m["glow-primary"],
+    "glow-primary-subtle": m["glow-primary-subtle"],
+    "glow-primary-medium": m["glow-primary-medium"],
+    "glow-primary-strong": m["glow-primary-strong"],
+    "glow-accent": m["glow-accent"],
+    "glow-accent-subtle": m["glow-accent-subtle"],
+    "glow-accent-medium": m["glow-accent-medium"],
+    "glow-accent-strong": m["glow-accent-strong"],
     // Focus rings (using box-shadow for focus states)
-    "focus-ring": d.default,
-    "focus-primary": d["focus-primary"],
-    "focus-accent": d["focus-accent"]
+    "focus-ring": p.default,
+    "focus-primary": p["focus-primary"],
+    "focus-accent": p["focus-accent"]
   },
   // Ring width (for focus rings using ring utilities)
   ringWidth: {
@@ -498,7 +241,7 @@ const n = {
   // 320px (40 × base)
   96: "24rem"
   // 384px (48 × base)
-}, m = {
+}, r = {
   // Extra small spacing (tight, minimal)
   xs: t[1],
   // 4px (0.25rem)
@@ -529,7 +272,7 @@ const n = {
   // None (no spacing)
   none: t[0]
   // 0
-}, i = {
+}, l = {
   // Section spacing (vertical spacing between major sections)
   section: {
     xs: t[6],
@@ -597,7 +340,7 @@ const n = {
     xl: t[8]
     // 32px (extra spacious components)
   }
-}, S = {
+}, f = {
   // Base spacing scale
   "--spacing-0": t[0],
   "--spacing-px": t.px,
@@ -622,63 +365,63 @@ const n = {
   "--spacing-20": t[20],
   "--spacing-24": t[24],
   // Semantic spacing
-  "--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,
+  "--spacing-xs": r.xs,
+  "--spacing-sm": r.sm,
+  "--spacing-md": r.md,
+  "--spacing-lg": r.lg,
+  "--spacing-xl": r.xl,
+  "--spacing-2xl": r["2xl"],
+  "--spacing-3xl": r["3xl"],
+  "--spacing-4xl": r["4xl"],
+  "--spacing-5xl": r["5xl"],
+  "--spacing-none": r.none,
   // Layout spacing - sections
-  "--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-section-xs": l.section.xs,
+  "--layout-section-sm": l.section.sm,
+  "--layout-section-md": l.section.md,
+  "--layout-section-lg": l.section.lg,
+  "--layout-section-xl": l.section.xl,
+  "--layout-section-2xl": l.section["2xl"],
   // Layout spacing - containers
-  "--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-container-xs": l.container.xs,
+  "--layout-container-sm": l.container.sm,
+  "--layout-container-md": l.container.md,
+  "--layout-container-lg": l.container.lg,
+  "--layout-container-xl": l.container.xl,
   // Layout spacing - grids
-  "--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-grid-xs": l.grid.xs,
+  "--layout-grid-sm": l.grid.sm,
+  "--layout-grid-md": l.grid.md,
+  "--layout-grid-lg": l.grid.lg,
+  "--layout-grid-xl": l.grid.xl,
   // Layout spacing - stacks
-  "--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-stack-xs": l.stack.xs,
+  "--layout-stack-sm": l.stack.sm,
+  "--layout-stack-md": l.stack.md,
+  "--layout-stack-lg": l.stack.lg,
+  "--layout-stack-xl": l.stack.xl,
   // Layout spacing - components
-  "--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
-}, L = {
+  "--layout-component-xs": l.component.xs,
+  "--layout-component-sm": l.component.sm,
+  "--layout-component-md": l.component.md,
+  "--layout-component-lg": l.component.lg,
+  "--layout-component-xl": l.component.xl
+}, W = {
   spacing: {
     ...t,
     // Add semantic tokens as aliases
-    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
+    xs: r.xs,
+    sm: r.sm,
+    md: r.md,
+    lg: r.lg,
+    xl: r.xl,
+    "2xl": r["2xl"],
+    "3xl": r["3xl"],
+    "4xl": r["4xl"],
+    "5xl": r["5xl"],
+    none: r.none
   }
-}, s = {
+}, n = {
   // Primary font - Inter (default sans)
   sans: [
     "Inter",
@@ -782,7 +525,7 @@ const n = {
   "8xl": ["clamp(6rem, 4rem + 10vw, 8rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
   // text-9xl: 128px base (optional, for hero sections)
   "9xl": ["clamp(8rem, 5rem + 15vw, 12rem)", { lineHeight: "1", letterSpacing: "-0.05em" }]
-}, l = {
+}, a = {
   thin: "100",
   extralight: "200",
   light: "300",
@@ -792,27 +535,27 @@ const n = {
   bold: "700",
   extrabold: "800",
   black: "900"
-}, r = {
+}, s = {
   none: "1",
   tight: "1.25",
   snug: "1.375",
   normal: "1.5",
   relaxed: "1.625",
   loose: "2"
-}, c = {
+}, o = {
   tighter: "-0.05em",
   tight: "-0.025em",
   normal: "0em",
   wide: "0.025em",
   wider: "0.05em",
   widest: "0.1em"
-}, $ = {
+}, u = {
   // Font families
-  "--font-sans": s.sans.join(", "),
-  "--font-satoshi": s.satoshi.join(", "),
-  "--font-display": s.display.join(", "),
-  "--font-serif": s.serif.join(", "),
-  "--font-mono": s.mono.join(", "),
+  "--font-sans": n.sans.join(", "),
+  "--font-satoshi": n.satoshi.join(", "),
+  "--font-display": n.display.join(", "),
+  "--font-serif": n.serif.join(", "),
+  "--font-mono": n.mono.join(", "),
   // Font sizes (using clamp values)
   "--font-size-xs": e.xs[0],
   "--font-size-sm": e.sm[0],
@@ -825,133 +568,133 @@ const n = {
   "--font-size-5xl": e["5xl"][0],
   "--font-size-6xl": e["6xl"][0],
   // Font weights
-  "--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,
+  "--font-weight-thin": a.thin,
+  "--font-weight-extralight": a.extralight,
+  "--font-weight-light": a.light,
+  "--font-weight-normal": a.normal,
+  "--font-weight-medium": a.medium,
+  "--font-weight-semibold": a.semibold,
+  "--font-weight-bold": a.bold,
+  "--font-weight-extrabold": a.extrabold,
+  "--font-weight-black": a.black,
   // Line heights
-  "--line-height-none": r.none,
-  "--line-height-tight": r.tight,
-  "--line-height-snug": r.snug,
-  "--line-height-normal": r.normal,
-  "--line-height-relaxed": r.relaxed,
-  "--line-height-loose": r.loose,
+  "--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
-  "--letter-spacing-tighter": c.tighter,
-  "--letter-spacing-tight": c.tight,
-  "--letter-spacing-normal": c.normal,
-  "--letter-spacing-wide": c.wide,
-  "--letter-spacing-wider": c.wider,
-  "--letter-spacing-widest": c.widest
-}, T = {
+  "--letter-spacing-tighter": o.tighter,
+  "--letter-spacing-tight": o.tight,
+  "--letter-spacing-normal": o.normal,
+  "--letter-spacing-wide": o.wide,
+  "--letter-spacing-wider": o.wider,
+  "--letter-spacing-widest": o.widest
+}, M = {
   // Display styles (for hero sections)
   display: {
-    fontFamily: s.display.join(", "),
+    fontFamily: n.display.join(", "),
     fontSize: e["6xl"][0],
-    fontWeight: l.bold,
-    lineHeight: r.none,
-    letterSpacing: c.tight
+    fontWeight: a.bold,
+    lineHeight: s.none,
+    letterSpacing: o.tight
   },
   // Heading styles
   h1: {
-    fontFamily: s.display.join(", "),
+    fontFamily: n.display.join(", "),
     fontSize: e["5xl"][0],
-    fontWeight: l.bold,
-    lineHeight: r.tight,
-    letterSpacing: c.tight
+    fontWeight: a.bold,
+    lineHeight: s.tight,
+    letterSpacing: o.tight
   },
   h2: {
-    fontFamily: s.display.join(", "),
+    fontFamily: n.display.join(", "),
     fontSize: e["4xl"][0],
-    fontWeight: l.bold,
-    lineHeight: r.tight,
-    letterSpacing: c.tight
+    fontWeight: a.bold,
+    lineHeight: s.tight,
+    letterSpacing: o.tight
   },
   h3: {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e["3xl"][0],
-    fontWeight: l.semibold,
-    lineHeight: r.snug,
-    letterSpacing: c.normal
+    fontWeight: a.semibold,
+    lineHeight: s.snug,
+    letterSpacing: o.normal
   },
   h4: {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e["2xl"][0],
-    fontWeight: l.semibold,
-    lineHeight: r.snug,
-    letterSpacing: c.normal
+    fontWeight: a.semibold,
+    lineHeight: s.snug,
+    letterSpacing: o.normal
   },
   h5: {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e.xl[0],
-    fontWeight: l.medium,
-    lineHeight: r.normal,
-    letterSpacing: c.normal
+    fontWeight: a.medium,
+    lineHeight: s.normal,
+    letterSpacing: o.normal
   },
   h6: {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e.lg[0],
-    fontWeight: l.medium,
-    lineHeight: r.normal,
-    letterSpacing: c.normal
+    fontWeight: a.medium,
+    lineHeight: s.normal,
+    letterSpacing: o.normal
   },
   // Body text styles
   body: {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e.base[0],
-    fontWeight: l.normal,
-    lineHeight: r.relaxed,
-    letterSpacing: c.normal
+    fontWeight: a.normal,
+    lineHeight: s.relaxed,
+    letterSpacing: o.normal
   },
   "body-sm": {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e.sm[0],
-    fontWeight: l.normal,
-    lineHeight: r.normal,
-    letterSpacing: c.normal
+    fontWeight: a.normal,
+    lineHeight: s.normal,
+    letterSpacing: o.normal
   },
   "body-xs": {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e.xs[0],
-    fontWeight: l.normal,
-    lineHeight: r.normal,
-    letterSpacing: c.wide
+    fontWeight: a.normal,
+    lineHeight: s.normal,
+    letterSpacing: o.wide
   },
   // Label styles
   label: {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e.sm[0],
-    fontWeight: l.medium,
-    lineHeight: r.normal,
-    letterSpacing: c.wide
+    fontWeight: a.medium,
+    lineHeight: s.normal,
+    letterSpacing: o.wide
   },
   "label-sm": {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e.xs[0],
-    fontWeight: l.medium,
-    lineHeight: r.normal,
-    letterSpacing: c.wider
+    fontWeight: a.medium,
+    lineHeight: s.normal,
+    letterSpacing: o.wider
   },
   // Caption styles
   caption: {
-    fontFamily: s.sans.join(", "),
+    fontFamily: n.sans.join(", "),
     fontSize: e.xs[0],
-    fontWeight: l.normal,
-    lineHeight: r.normal,
-    letterSpacing: c.wide
+    fontWeight: a.normal,
+    lineHeight: s.normal,
+    letterSpacing: o.wide
   }
-}, X = {
+}, V = {
   fontFamily: {
-    sans: [...s.sans],
-    satoshi: [...s.satoshi],
-    display: [...s.display],
-    serif: [...s.serif],
-    mono: [...s.mono]
+    sans: [...n.sans],
+    satoshi: [...n.satoshi],
+    display: [...n.display],
+    serif: [...n.serif],
+    mono: [...n.mono]
   },
   fontSize: {
     xs: [
@@ -1031,78 +774,79 @@ const n = {
       }
     ]
   },
-  fontWeight: { ...l },
-  lineHeight: { ...r },
-  letterSpacing: { ...c }
-}, v = {
+  fontWeight: { ...a },
+  lineHeight: { ...s },
+  letterSpacing: { ...o }
+}, S = {
+  ...h,
   ...u,
-  ...$,
-  ...S,
-  ...b,
+  ...f,
   ...y,
-  ...w
+  ...d,
+  ...x
 };
-function j(H) {
+function H(w) {
   return `:root {
-${Object.entries(H).map(([k, z]) => `    ${k}: ${z};`).join(`
+${Object.entries(w).map(([b, v]) => `    ${b}: ${v};`).join(`
 `)}
   }`;
 }
-const M = j(v), V = {
-  colors: Object.keys(u).length,
-  typography: Object.keys($).length,
-  spacing: Object.keys(S).length,
-  shadows: Object.keys(b).length,
-  radius: Object.keys(y).length,
-  motion: Object.keys(w).length,
-  total: Object.keys(v).length
+const R = H(S), I = {
+  colors: Object.keys(h).length,
+  typography: Object.keys(u).length,
+  spacing: Object.keys(f).length,
+  shadows: Object.keys(y).length,
+  radius: Object.keys(d).length,
+  motion: Object.keys(x).length,
+  total: Object.keys(S).length
 };
 export {
-  p as accentColoredShadows,
-  A as accentColors,
-  v as allCSSVariables,
-  M as allCSSVariablesCSS,
-  h as animations,
-  N as baseColors,
-  _ as borderRadius,
-  u as colorCSSVariables,
-  ee as componentRadius,
-  W as componentShadowMapping,
-  B as cssVariableColorTokens,
-  n as durations,
-  a as easings,
-  o as elevationShadows,
-  d as focusRings,
-  s as fontFamily,
+  c as accentColoredShadows,
+  U as accentColors,
+  S as allCSSVariables,
+  R as allCSSVariablesCSS,
+  E as animations,
+  L as baseColors,
+  ee as borderRadius,
+  h as colorCSSVariables,
+  te as componentRadius,
+  z as componentShadowMapping,
+  N as cssVariableColorTokens,
+  A as durations,
+  B as easings,
+  i as elevationShadows,
+  p as focusRings,
+  n as fontFamily,
   e as fontSize,
-  l as fontWeight,
-  j as generateCSSVariablesCSS,
-  g as glowEffects,
-  C as keyframes,
-  i as layoutSpacing,
-  c as letterSpacing,
-  r as lineHeight,
-  w as motionCSSVariables,
-  x as primaryColoredShadows,
-  G as primaryColors,
-  y as radiusCSSVariables,
-  U as reducedMotion,
-  P as secondaryColors,
-  Q as semanticColors,
-  m as semanticSpacing,
-  b as shadowCSSVariables,
+  a as fontWeight,
+  H as generateCSSVariablesCSS,
+  m as glowEffects,
+  D as keyframes,
+  l as layoutSpacing,
+  o as letterSpacing,
+  s as lineHeight,
+  x as motionCSSVariables,
+  g as primaryColoredShadows,
+  $ as primaryColors,
+  d as radiusCSSVariables,
+  G as reducedMotion,
+  q as secondaryColors,
+  J as semanticColors,
+  r as semanticSpacing,
+  y as shadowCSSVariables,
   t as spacing,
-  S as spacingCSSVariables,
-  q as surfaceColors,
-  R as tailwindMotionConfig,
-  te as tailwindRadiusConfig,
-  D as tailwindShadowConfig,
-  L as tailwindSpacingConfig,
-  J as tailwindThemeColors,
-  X as tailwindTypographyConfig,
-  K as textColors,
-  T as textStyles,
-  V as tokenSystemSummary,
-  f as transitions,
-  $ as typographyCSSVariables
+  f as spacingCSSVariables,
+  K as springs,
+  P as surfaceColors,
+  Q as tailwindMotionConfig,
+  le as tailwindRadiusConfig,
+  F as tailwindShadowConfig,
+  W as tailwindSpacingConfig,
+  X as tailwindThemeColors,
+  V as tailwindTypographyConfig,
+  Y as textColors,
+  M as textStyles,
+  I as tokenSystemSummary,
+  Z as transitions,
+  u as typographyCSSVariables
 };