@tenerife.music/ui 1.0.0 → 1.0.1

package/dist/motion-CuHacXY1.js

@@ -0,0 +1,722 @@
+"use client";
+const o = {
+  50: "210 40% 98%",
+  // Lightest blue
+  100: "210 40% 96%",
+  200: "217 32.6% 17.5%",
+  300: "216 28% 26%",
+  400: "215 25% 27%",
+  500: "215 20% 35%",
+  // Base primary
+  600: "215 16% 47%",
+  700: "216 12% 54%",
+  800: "217 10% 62%",
+  900: "222 47.4% 11.2%",
+  950: "222 84% 4.9%"
+  // Darkest blue
+}, n = {
+  50: "280 100% 98%",
+  100: "280 65% 96%",
+  200: "280 60% 85%",
+  300: "280 55% 75%",
+  400: "280 50% 65%",
+  500: "280 70% 67%",
+  // Base accent (night mode primary)
+  600: "259 65% 58%",
+  700: "259 60% 50%",
+  800: "259 55% 45%",
+  900: "259 50% 40%",
+  950: "259 45% 30%"
+}, t = {
+  50: "173 100% 98%",
+  100: "173 100% 95%",
+  200: "173 100% 85%",
+  300: "173 100% 70%",
+  400: "173 100% 55%",
+  500: "173 100% 37%",
+  // Base secondary (Tenerife #00bfa6)
+  600: "173 100% 32%",
+  700: "173 95% 27%",
+  800: "173 90% 22%",
+  900: "173 85% 17%",
+  950: "173 80% 12%"
+}, i = {
+  day: {
+    base: "0 0% 100%",
+    // White background
+    elevated1: "0 0% 98%",
+    // Slightly elevated
+    elevated2: "0 0% 96%",
+    // More elevated
+    elevated3: "0 0% 94%",
+    // Most elevated
+    overlay: "0 0% 0% / 0.5",
+    // Overlay backdrop
+    glass: "0 0% 100% / 0.8"
+    // Glass effect
+  },
+  night: {
+    base: "240 10% 3.9%",
+    // Dark background (#0b0b10)
+    elevated1: "240 10% 5.1%",
+    // #0e1016
+    elevated2: "240 10% 6.3%",
+    // Slightly lighter
+    elevated3: "240 10% 7.5%",
+    // Even lighter
+    overlay: "0 0% 0% / 0.7",
+    // Darker overlay
+    glass: "240 10% 10% / 0.9"
+    // Dark glass effect
+  }
+}, s = {
+  day: {
+    success: "142 70% 28%",
+    // Darker green for better contrast
+    successForeground: "0 0% 100%",
+    error: "0 80% 40%",
+    // Richer red for contrast
+    errorForeground: "0 0% 100%",
+    warning: "38 92% 50%",
+    // Orange
+    warningForeground: "0 0% 9%",
+    info: "199 89% 48%",
+    // Blue
+    infoForeground: "0 0% 100%"
+  },
+  night: {
+    success: "142 70% 45%",
+    successForeground: "0 0% 100%",
+    error: "0 62.8% 30.6%",
+    // Darker red
+    errorForeground: "0 0% 98%",
+    warning: "38 92% 60%",
+    // Brighter orange
+    warningForeground: "0 0% 9%",
+    info: "199 89% 55%",
+    // Brighter blue
+    infoForeground: "0 0% 9%"
+  }
+}, l = {
+  day: {
+    primary: "0 0% 9%",
+    // Almost black
+    secondary: "0 0% 45%",
+    // Medium gray
+    tertiary: "0 0% 65%",
+    // Light gray
+    muted: "0 0% 38%",
+    // Muted gray with stronger contrast
+    inverse: "0 0% 100%"
+    // White (for dark backgrounds)
+  },
+  night: {
+    primary: "0 0% 89.8%",
+    // Light gray (#e5e7eb)
+    secondary: "240 5% 64.9%",
+    // Medium gray
+    tertiary: "240 5% 50%",
+    // Darker gray
+    muted: "240 5% 64.9%",
+    // Muted gray
+    inverse: "0 0% 9%"
+    // Almost black (for light backgrounds)
+  }
+}, d = {
+  day: {
+    background: "0 0% 100%",
+    foreground: "0 0% 9%",
+    card: "0 0% 100%",
+    cardForeground: "0 0% 9%",
+    popover: "0 0% 100%",
+    popoverForeground: "0 0% 9%",
+    border: "0 0% 89.8%",
+    input: "0 0% 89.8%",
+    ring: "0 0% 3.9%"
+  },
+  night: {
+    background: "240 10% 3.9%",
+    // #0b0b10
+    foreground: "0 0% 89.8%",
+    // #e5e7eb
+    card: "240 10% 3.9%",
+    cardForeground: "0 0% 89.8%",
+    popover: "240 10% 5.1%",
+    // #0e1016
+    popoverForeground: "0 0% 89.8%",
+    border: "240 3.7% 15.9%",
+    input: "240 3.7% 15.9%",
+    ring: "240 4.9% 83.9%"
+  }
+}, m = {
+  day: {
+    ...d.day,
+    primary: "hsl(var(--tm-primary))",
+    primaryForeground: "hsl(var(--tm-primary-foreground))",
+    secondary: "hsl(var(--tm-secondary))",
+    secondaryForeground: "hsl(var(--tm-secondary-foreground))",
+    muted: "hsl(var(--muted))",
+    mutedForeground: "hsl(var(--muted-foreground))",
+    accent: "hsl(var(--tm-accent))",
+    accentForeground: "hsl(var(--tm-accent-foreground))",
+    destructive: `hsl(${s.day.error})`,
+    destructiveForeground: s.day.errorForeground,
+    chart1: "hsl(12, 76%, 61%)",
+    chart2: "hsl(173, 58%, 39%)",
+    chart3: "hsl(197, 37%, 24%)",
+    chart4: "hsl(43, 74%, 66%)",
+    chart5: "hsl(27, 87%, 67%)"
+  },
+  night: {
+    ...d.night,
+    primary: "hsl(var(--tm-primary))",
+    primaryForeground: "hsl(var(--tm-primary-foreground))",
+    secondary: "hsl(var(--tm-secondary))",
+    secondaryForeground: "hsl(var(--tm-secondary-foreground))",
+    muted: "hsl(var(--muted))",
+    mutedForeground: "hsl(var(--muted-foreground))",
+    accent: "hsl(var(--tm-accent))",
+    accentForeground: "hsl(var(--tm-accent-foreground))",
+    destructive: `hsl(${s.night.error})`,
+    destructiveForeground: s.night.errorForeground,
+    chart1: "hsl(220, 70%, 50%)",
+    chart2: "hsl(160, 60%, 45%)",
+    chart3: "hsl(30, 80%, 55%)",
+    chart4: "hsl(280, 65%, 60%)",
+    chart5: "hsl(340, 75%, 55%)"
+  }
+}, f = {
+  // Primary scale
+  "--primary-50": o[50],
+  "--primary-100": o[100],
+  "--primary-200": o[200],
+  "--primary-300": o[300],
+  "--primary-400": o[400],
+  "--primary-500": o[500],
+  "--primary-600": o[600],
+  "--primary-700": o[700],
+  "--primary-800": o[800],
+  "--primary-900": o[900],
+  "--primary-950": o[950],
+  // Accent scale
+  "--accent-50": n[50],
+  "--accent-100": n[100],
+  "--accent-200": n[200],
+  "--accent-300": n[300],
+  "--accent-400": n[400],
+  "--accent-500": n[500],
+  "--accent-600": n[600],
+  "--accent-700": n[700],
+  "--accent-800": n[800],
+  "--accent-900": n[900],
+  "--accent-950": n[950],
+  // Secondary scale
+  "--secondary-50": t[50],
+  "--secondary-100": t[100],
+  "--secondary-200": t[200],
+  "--secondary-300": t[300],
+  "--secondary-400": t[400],
+  "--secondary-500": t[500],
+  "--secondary-600": t[600],
+  "--secondary-700": t[700],
+  "--secondary-800": t[800],
+  "--secondary-900": t[900],
+  "--secondary-950": t[950],
+  // Surface colors (mode-dependent, will be set by theme)
+  "--surface-base": i.day.base,
+  "--surface-elevated1": i.day.elevated1,
+  "--surface-elevated2": i.day.elevated2,
+  "--surface-elevated3": i.day.elevated3,
+  "--surface-overlay": i.day.overlay,
+  "--surface-glass": i.day.glass,
+  // Semantic colors (mode-dependent)
+  "--semantic-success": s.day.success,
+  "--semantic-success-foreground": s.day.successForeground,
+  "--semantic-error": s.day.error,
+  "--semantic-error-foreground": s.day.errorForeground,
+  "--semantic-warning": s.day.warning,
+  "--semantic-warning-foreground": s.day.warningForeground,
+  "--semantic-info": s.day.info,
+  "--semantic-info-foreground": s.day.infoForeground,
+  // Text colors (mode-dependent)
+  "--text-primary": l.day.primary,
+  "--text-secondary": l.day.secondary,
+  "--text-tertiary": l.day.tertiary,
+  "--text-muted": l.day.muted,
+  "--text-inverse": l.day.inverse
+}, y = {
+  // Base colors
+  background: "hsl(var(--background))",
+  foreground: "hsl(var(--foreground))",
+  // Card colors
+  card: {
+    DEFAULT: "hsl(var(--card))",
+    foreground: "hsl(var(--card-foreground))"
+  },
+  // Popover colors
+  popover: {
+    DEFAULT: "hsl(var(--popover))",
+    foreground: "hsl(var(--popover-foreground))"
+  },
+  // Primary colors (using CSS variables)
+  primary: {
+    DEFAULT: "hsl(var(--tm-primary))",
+    foreground: "hsl(var(--tm-primary-foreground))",
+    50: "hsl(var(--primary-50))",
+    100: "hsl(var(--primary-100))",
+    200: "hsl(var(--primary-200))",
+    300: "hsl(var(--primary-300))",
+    400: "hsl(var(--primary-400))",
+    500: "hsl(var(--primary-500))",
+    600: "hsl(var(--primary-600))",
+    700: "hsl(var(--primary-700))",
+    800: "hsl(var(--primary-800))",
+    900: "hsl(var(--primary-900))",
+    950: "hsl(var(--primary-950))"
+  },
+  // Secondary colors
+  secondary: {
+    DEFAULT: "hsl(var(--tm-secondary))",
+    foreground: "hsl(var(--tm-secondary-foreground))",
+    50: "hsl(var(--secondary-50))",
+    100: "hsl(var(--secondary-100))",
+    200: "hsl(var(--secondary-200))",
+    300: "hsl(var(--secondary-300))",
+    400: "hsl(var(--secondary-400))",
+    500: "hsl(var(--secondary-500))",
+    600: "hsl(var(--secondary-600))",
+    700: "hsl(var(--secondary-700))",
+    800: "hsl(var(--secondary-800))",
+    900: "hsl(var(--secondary-900))",
+    950: "hsl(var(--secondary-950))"
+  },
+  // Accent colors
+  accent: {
+    DEFAULT: "hsl(var(--tm-accent))",
+    foreground: "hsl(var(--tm-accent-foreground))",
+    50: "hsl(var(--accent-50))",
+    100: "hsl(var(--accent-100))",
+    200: "hsl(var(--accent-200))",
+    300: "hsl(var(--accent-300))",
+    400: "hsl(var(--accent-400))",
+    500: "hsl(var(--accent-500))",
+    600: "hsl(var(--accent-600))",
+    700: "hsl(var(--accent-700))",
+    800: "hsl(var(--accent-800))",
+    900: "hsl(var(--accent-900))",
+    950: "hsl(var(--accent-950))"
+  },
+  // Muted colors
+  muted: {
+    DEFAULT: "hsl(var(--muted))",
+    foreground: "hsl(var(--muted-foreground))"
+  },
+  // Destructive colors (semantic error)
+  destructive: {
+    DEFAULT: "hsl(var(--destructive))",
+    foreground: "hsl(var(--destructive-foreground))"
+  },
+  // Semantic colors
+  success: {
+    DEFAULT: "hsl(var(--semantic-success))",
+    foreground: "hsl(var(--semantic-success-foreground))"
+  },
+  error: {
+    DEFAULT: "hsl(var(--semantic-error))",
+    foreground: "hsl(var(--semantic-error-foreground))"
+  },
+  warning: {
+    DEFAULT: "hsl(var(--semantic-warning))",
+    foreground: "hsl(var(--semantic-warning-foreground))"
+  },
+  info: {
+    DEFAULT: "hsl(var(--semantic-info))",
+    foreground: "hsl(var(--semantic-info-foreground))"
+  },
+  // Surface colors
+  surface: {
+    base: "hsl(var(--surface-base))",
+    elevated1: "hsl(var(--surface-elevated1))",
+    elevated2: "hsl(var(--surface-elevated2))",
+    elevated3: "hsl(var(--surface-elevated3))",
+    overlay: "hsl(var(--surface-overlay))",
+    glass: "hsl(var(--surface-glass))"
+  },
+  // Text colors
+  text: {
+    primary: "hsl(var(--text-primary))",
+    secondary: "hsl(var(--text-secondary))",
+    tertiary: "hsl(var(--text-tertiary))",
+    muted: "hsl(var(--text-muted))",
+    inverse: "hsl(var(--text-inverse))"
+  },
+  // Border and input
+  border: "hsl(var(--border))",
+  input: "hsl(var(--input))",
+  ring: "hsl(var(--ring))",
+  // Chart colors
+  chart: {
+    1: "hsl(var(--chart-1))",
+    2: "hsl(var(--chart-2))",
+    3: "hsl(var(--chart-3))",
+    4: "hsl(var(--chart-4))",
+    5: "hsl(var(--chart-5))"
+  }
+}, a = {
+  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
+}, r = {
+  // 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)"
+}, e = {
+  // Fast transitions (quick interactions)
+  fast: `${a.fast} ${r["ease-out"]}`,
+  "fast-in": `${a.fast} ${r["ease-in"]}`,
+  "fast-out": `${a.fast} ${r["ease-out"]}`,
+  "fast-in-out": `${a.fast} ${r["ease-in-out"]}`,
+  // Normal transitions (default)
+  normal: `${a.normal} ${r["ease-in-out"]}`,
+  "normal-in": `${a.normal} ${r["ease-in"]}`,
+  "normal-out": `${a.normal} ${r["ease-out"]}`,
+  "normal-in-out": `${a.normal} ${r["ease-in-out"]}`,
+  // Slow transitions (emphasized)
+  slow: `${a.slow} ${r["ease-in-out"]}`,
+  "slow-in": `${a.slow} ${r["ease-in"]}`,
+  "slow-out": `${a.slow} ${r["ease-out"]}`,
+  "slow-in-out": `${a.slow} ${r["ease-in-out"]}`,
+  // Special transitions
+  bounce: `${a.normal} ${r.bounce}`,
+  elastic: `${a.slow} ${r.elastic}`,
+  // Default (normal)
+  DEFAULT: `${a.normal} ${r["ease-in-out"]}`
+}, u = {
+  // 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" }
+  }
+}, c = {
+  // Fade animations
+  fadeIn: `fadeIn ${a.normal} ${r["ease-out"]}`,
+  fadeOut: `fadeOut ${a.fast} ${r["ease-in"]}`,
+  // Slide animations
+  slideInUp: `slideInUp ${a.normal} ${r["ease-out"]}`,
+  slideInDown: `slideInDown ${a.normal} ${r["ease-out"]}`,
+  slideInLeft: `slideInLeft ${a.normal} ${r["ease-out"]}`,
+  slideInRight: `slideInRight ${a.normal} ${r["ease-out"]}`,
+  slideOutUp: `slideOutUp ${a.fast} ${r["ease-in"]}`,
+  slideOutDown: `slideOutDown ${a.fast} ${r["ease-in"]}`,
+  slideOutLeft: `slideOutLeft ${a.fast} ${r["ease-in"]}`,
+  slideOutRight: `slideOutRight ${a.fast} ${r["ease-in"]}`,
+  // Scale animations
+  scaleIn: `scaleIn ${a.normal} ${r["ease-out"]}`,
+  scaleOut: `scaleOut ${a.fast} ${r["ease-in"]}`,
+  // Continuous animations
+  spin: `spin 1s ${r.linear} infinite`,
+  pulse: `pulse 2s ${r["ease-in-out"]} infinite`,
+  bounce: `bounce 1s ${r.linear} infinite`,
+  ping: `ping 1s ${r["ease-out"]} cubic-bezier(0, 0, 0.2, 1) infinite`,
+  shake: `shake 0.5s ${r["ease-in-out"]}`,
+  // Accordion animations
+  "accordion-down": `accordion-down ${a.normal} ${r["ease-out"]}`,
+  "accordion-up": `accordion-up ${a.normal} ${r["ease-out"]}`
+}, h = {
+  // Gentle spring (subtle, smooth)
+  gentle: {
+    type: "spring",
+    stiffness: 120,
+    damping: 14,
+    mass: 1
+  },
+  // Default spring (balanced)
+  default: {
+    type: "spring",
+    stiffness: 300,
+    damping: 30,
+    mass: 1
+  },
+  // Wobbly spring (bouncy, playful)
+  wobbly: {
+    type: "spring",
+    stiffness: 180,
+    damping: 12,
+    mass: 1
+  },
+  // Stiff spring (quick, precise)
+  stiff: {
+    type: "spring",
+    stiffness: 400,
+    damping: 30,
+    mass: 1
+  },
+  // Slow spring (smooth, deliberate)
+  slow: {
+    type: "spring",
+    stiffness: 200,
+    damping: 25,
+    mass: 1
+  },
+  // Bouncy spring (energetic, fun)
+  bouncy: {
+    type: "spring",
+    stiffness: 400,
+    damping: 10,
+    mass: 1
+  },
+  // No bounce (damped, controlled)
+  noBounce: {
+    type: "spring",
+    stiffness: 300,
+    damping: 35,
+    mass: 1
+  }
+}, p = {
+  // 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;",
+  // Reduced motion spring (instant, no animation)
+  spring: {
+    type: "spring",
+    stiffness: 1e3,
+    damping: 100,
+    mass: 1
+  }
+}, g = {
+  // Durations
+  "--duration-instant": a.instant,
+  "--duration-fast": a.fast,
+  "--duration-normal": a.normal,
+  "--duration-slow": a.slow,
+  "--duration-slower": a.slower,
+  "--duration-slowest": a.slowest,
+  // Additional granular durations
+  "--duration-75": a[75],
+  "--duration-100": a[100],
+  "--duration-200": a[200],
+  "--duration-250": a[250],
+  "--duration-400": a[400],
+  "--duration-600": a[600],
+  "--duration-800": a[800],
+  // Easings
+  "--ease-linear": r.linear,
+  "--ease-in": r["ease-in"],
+  "--ease-out": r["ease-out"],
+  "--ease-in-out": r["ease-in-out"],
+  "--ease-bounce": r.bounce,
+  "--ease-elastic": r.elastic,
+  "--ease-out-cubic": r["ease-out-cubic"],
+  "--ease-in-cubic": r["ease-in-cubic"],
+  "--ease-in-out-cubic": r["ease-in-out-cubic"],
+  // Transitions
+  "--transition-fast": e.fast,
+  "--transition-normal": e.normal,
+  "--transition-slow": e.slow,
+  "--transition-default": e.DEFAULT,
+  "--transition-fast-in": e["fast-in"],
+  "--transition-fast-out": e["fast-out"],
+  "--transition-fast-in-out": e["fast-in-out"],
+  "--transition-normal-in": e["normal-in"],
+  "--transition-normal-out": e["normal-out"],
+  "--transition-normal-in-out": e["normal-in-out"],
+  "--transition-slow-in": e["slow-in"],
+  "--transition-slow-out": e["slow-out"],
+  "--transition-slow-in-out": e["slow-in-out"],
+  "--transition-bounce": e.bounce,
+  "--transition-elastic": e.elastic
+}, v = {
+  transitionDuration: {
+    ...a
+  },
+  transitionTimingFunction: {
+    ...r
+  },
+  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: {
+    ...u
+  },
+  animation: {
+    ...c,
+    // Additional animation utilities
+    none: "none",
+    spin: c.spin,
+    pulse: c.pulse,
+    bounce: c.bounce,
+    ping: c.ping,
+    shake: c.shake
+  }
+};
+export {
+  n as a,
+  d as b,
+  i as c,
+  s as d,
+  a as e,
+  h as f,
+  r as g,
+  m as h,
+  f as i,
+  y as j,
+  e as k,
+  u as l,
+  g as m,
+  c as n,
+  v as o,
+  o as p,
+  p as r,
+  t as s,
+  l as t
+};