@tenerife.music/ui 1.0.8 → 1.0.12

package/dist/preset.mjs

@@ -1,163 +1,1233 @@
-"use client";
-import { t as o, a as c } from "./motion-CzQhSEqk.js";
-import { m as v, a as d, t as p, b as l, c as h, d as e } from "./typography-DHym9KAP.js";
-function _(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-var f = {}, g = {};
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return m;
+import plugin from 'tailwindcss/plugin';
+
+var tailwindThemeColors = {
+  // 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))`,
+    destructive: `hsl(var(--destructive))`,
+    accent: `hsl(var(--tm-accent))`,
+    inverse: `hsl(var(--text-inverse))`
+  },
+  // Border and input
+  border: "hsl(var(--border))",
+  input: "hsl(var(--input))",
+  ring: "hsl(var(--ring))",
+  // Chart colors (using CSS variables)
+  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))`
+  }
+};
+
+// src/tokens/motion/v2.ts
+var motionV2Durations = {
+  fast: "150ms",
+  // Quick interactions
+  normal: "250ms",
+  // Default transitions
+  slow: "350ms",
+  // Emphasized animations
+  reduced: "0ms"
+  // For prefers-reduced-motion
+};
+var motionV2Easings = {
+  soft: "cubic-bezier(0.22, 1, 0.36, 1)",
+  // Gentle, smooth
+  standard: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Material Design standard
+  emphasized: "cubic-bezier(0.2, 0, 0, 1)"
+  // Strong, decisive
+};
+var motionV2Transitions = {
+  fast: `${motionV2Durations.fast} ${motionV2Easings.standard}`,
+  normal: `${motionV2Durations.normal} ${motionV2Easings.standard}`,
+  slow: `${motionV2Durations.slow} ${motionV2Easings.emphasized}`,
+  soft: `${motionV2Durations.normal} ${motionV2Easings.soft}`,
+  reduced: `${motionV2Durations.reduced} linear`
+};
+var motionV2Fade = {
+  in: {
+    from: { opacity: 0 },
+    to: { opacity: 1 }
+  },
+  out: {
+    from: { opacity: 1 },
+    to: { opacity: 0 }
+  }
+};
+var motionV2Scale = {
+  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 }
+  }
+};
+var motionV2Slide = {
+  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 }
     }
-  });
-  function a(i, n) {
-    return {
-      handler: i,
-      config: n
-    };
   }
-  a.withOptions = function(i, n = () => ({})) {
-    const r = function(s) {
-      return {
-        __options: s,
-        handler: i(s),
-        config: n(s)
-      };
-    };
-    return r.__isOptionsFunction = !0, r.__pluginFunction = i, r.__configFunction = n, r;
-  };
-  const m = a;
-})(g);
-(function(t) {
-  Object.defineProperty(t, "__esModule", {
-    value: !0
-  }), Object.defineProperty(t, "default", {
-    enumerable: !0,
-    get: function() {
-      return i;
+};
+var motionV2Combined = {
+  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 }
     }
-  });
-  const a = /* @__PURE__ */ m(g);
-  function m(n) {
-    return n && n.__esModule ? n : {
-      default: n
-    };
+  },
+  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 }
+    }
+  }
+};
+var motionV2CSSVariables = {
+  // Durations
+  "--motion-duration-fast": motionV2Durations.fast,
+  "--motion-duration-normal": motionV2Durations.normal,
+  "--motion-duration-slow": motionV2Durations.slow,
+  "--motion-duration-reduced": motionV2Durations.reduced,
+  // Easings
+  "--motion-easing-soft": motionV2Easings.soft,
+  "--motion-easing-standard": motionV2Easings.standard,
+  "--motion-easing-emphasized": motionV2Easings.emphasized,
+  // Transitions
+  "--motion-transition-fast": motionV2Transitions.fast,
+  "--motion-transition-normal": motionV2Transitions.normal,
+  "--motion-transition-slow": motionV2Transitions.slow,
+  "--motion-transition-soft": motionV2Transitions.soft,
+  "--motion-transition-reduced": motionV2Transitions.reduced
+};
+var motionV2TailwindConfig = {
+  transitionDuration: {
+    ...motionV2Durations
+  },
+  transitionTimingFunction: {
+    ...motionV2Easings
+  },
+  keyframes: {
+    // Fade
+    "fade-in": motionV2Fade.in,
+    "fade-out": motionV2Fade.out,
+    // Scale
+    "scale-in": motionV2Scale.in,
+    "scale-out": motionV2Scale.out,
+    // Slide
+    "slide-up-in": motionV2Slide.up.in,
+    "slide-up-out": motionV2Slide.up.out,
+    "slide-down-in": motionV2Slide.down.in,
+    "slide-down-out": motionV2Slide.down.out,
+    "slide-left-in": motionV2Slide.left.in,
+    "slide-left-out": motionV2Slide.left.out,
+    "slide-right-in": motionV2Slide.right.in,
+    "slide-right-out": motionV2Slide.right.out,
+    // Combined
+    "fade-scale-in": motionV2Combined.fadeScale.in,
+    "fade-scale-out": motionV2Combined.fadeScale.out,
+    "fade-slide-up-in": motionV2Combined.fadeSlideUp.in,
+    "fade-slide-up-out": motionV2Combined.fadeSlideUp.out,
+    "fade-slide-down-in": motionV2Combined.fadeSlideDown.in,
+    "fade-slide-down-out": motionV2Combined.fadeSlideDown.out,
+    "fade-slide-left-in": motionV2Combined.fadeSlideLeft.in,
+    "fade-slide-left-out": motionV2Combined.fadeSlideLeft.out,
+    "fade-slide-right-in": motionV2Combined.fadeSlideRight.in,
+    "fade-slide-right-out": motionV2Combined.fadeSlideRight.out
   }
-  const i = a.default;
-})(f);
-let u = f;
-var w = (u.__esModule ? u : { default: u }).default;
-const y = /* @__PURE__ */ _(w), b = {
+};
+
+// src/tokens/motion.ts
+var durations = {
+  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
+};
+var easings = {
+  // 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)"
+};
+var keyframes = {
+  // 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" }
+  }
+};
+var animations = {
+  // Fade animations
+  fadeIn: `fadeIn ${durations.normal} ${easings["ease-out"]}`,
+  fadeOut: `fadeOut ${durations.fast} ${easings["ease-in"]}`,
+  // Slide animations
+  slideInUp: `slideInUp ${durations.normal} ${easings["ease-out"]}`,
+  slideInDown: `slideInDown ${durations.normal} ${easings["ease-out"]}`,
+  slideInLeft: `slideInLeft ${durations.normal} ${easings["ease-out"]}`,
+  slideInRight: `slideInRight ${durations.normal} ${easings["ease-out"]}`,
+  slideOutUp: `slideOutUp ${durations.fast} ${easings["ease-in"]}`,
+  slideOutDown: `slideOutDown ${durations.fast} ${easings["ease-in"]}`,
+  slideOutLeft: `slideOutLeft ${durations.fast} ${easings["ease-in"]}`,
+  slideOutRight: `slideOutRight ${durations.fast} ${easings["ease-in"]}`,
+  // Scale animations
+  scaleIn: `scaleIn ${durations.normal} ${easings["ease-out"]}`,
+  scaleOut: `scaleOut ${durations.fast} ${easings["ease-in"]}`,
+  // Continuous animations
+  spin: `spin 1s ${easings.linear} infinite`,
+  pulse: `pulse 2s ${easings["ease-in-out"]} infinite`,
+  bounce: `bounce 1s ${easings.linear} infinite`,
+  ping: `ping 1s ${easings["ease-out"]} cubic-bezier(0, 0, 0.2, 1) infinite`,
+  shake: `shake 0.5s ${easings["ease-in-out"]}`,
+  // Accordion animations
+  "accordion-down": `accordion-down ${durations.normal} ${easings["ease-out"]}`,
+  "accordion-up": `accordion-up ${durations.normal} ${easings["ease-out"]}`
+};
+var tailwindMotionConfig = {
+  transitionDuration: {
+    ...durations
+  },
+  transitionTimingFunction: {
+    ...easings
+  },
+  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: {
+    ...keyframes
+  },
+  animation: {
+    ...animations,
+    // Additional animation utilities
+    none: "none",
+    spin: animations.spin,
+    pulse: animations.pulse,
+    bounce: animations.bounce,
+    ping: animations.ping,
+    shake: animations.shake
+  }
+};
+
+// src/tokens/radius.ts
+var borderRadius = {
+  // No radius
+  none: "0",
+  // Extra small radius
+  xs: "0.125rem",
+  // 2px
+  // Small radius
+  sm: "0.25rem",
+  // 4px (base unit)
+  // Default radius (base)
+  DEFAULT: "0.25rem",
+  // 4px (same as sm)
+  base: "0.25rem",
+  // 4px (alias)
+  // Medium radius
+  md: "0.375rem",
+  // 6px
+  // Large radius
+  lg: "0.5rem",
+  // 8px (2 × base)
+  // Extra large radius
+  xl: "0.75rem",
+  // 12px (3 × base)
+  // 2XL radius
+  "2xl": "1rem",
+  // 16px (4 × base)
+  // 3XL radius
+  "3xl": "1.5rem",
+  // 24px (6 × base)
+  // Full radius (circular)
+  full: "9999px"
+};
+var componentRadius = {
+  // Button radius standards
+  button: {
+    // 4px (compact buttons)
+    md: borderRadius.md},
+  // Card radius standards
+  card: {
+    // 4px (compact cards)
+    md: borderRadius.md},
+  // Input/Form field radius standards
+  input: {
+    // 4px (compact inputs)
+    md: borderRadius.md},
+  // Badge/Status radius standards
+  badge: {
+    // 2px (compact badges)
+    md: borderRadius.sm},
+  // Modal/Dialog radius standards
+  modal: {
+    // 6px (small modals)
+    md: borderRadius.lg},
+  // Tooltip radius standards
+  tooltip: {
+    sm: borderRadius.sm},
+  // Toast/Notification radius standards
+  toast: {
+    // 6px (compact toasts)
+    md: borderRadius.lg},
+  // Chip/Tag radius standards
+  chip: {
+    // 2px (compact chips)
+    md: borderRadius.sm},
+  // Image/Media radius standards
+  image: {
+    // 4px (subtle rounding)
+    md: borderRadius.md}
+};
+var tailwindRadiusConfig = {
+  borderRadius: {
+    ...borderRadius,
+    // Add component-specific aliases
+    button: componentRadius.button.md,
+    card: componentRadius.card.md,
+    input: componentRadius.input.md,
+    badge: componentRadius.badge.md,
+    modal: componentRadius.modal.md,
+    tooltip: componentRadius.tooltip.sm,
+    toast: componentRadius.toast.md,
+    chip: componentRadius.chip.md,
+    image: componentRadius.image.md
+  }
+};
+
+// src/tokens/shadows.ts
+var shadowBase = {
+  black: "0 0 0"};
+var shadowOpacity = {
+  xs: "0.05",
+  sm: "0.1",
+  md: "0.1",
+  lg: "0.1",
+  xl: "0.1",
+  "2xl": "0.25"};
+var elevationShadows = {
+  none: "none",
+  xs: `0 1px 2px 0 rgb(${shadowBase.black} / ${shadowOpacity.xs})`,
+  sm: `0 1px 3px 0 rgb(${shadowBase.black} / ${shadowOpacity.sm}), 0 1px 2px -1px rgb(${shadowBase.black} / ${shadowOpacity.sm})`,
+  md: `0 4px 6px -1px rgb(${shadowBase.black} / ${shadowOpacity.md}), 0 2px 4px -2px rgb(${shadowBase.black} / ${shadowOpacity.md})`,
+  lg: `0 10px 15px -3px rgb(${shadowBase.black} / ${shadowOpacity.lg}), 0 4px 6px -4px rgb(${shadowBase.black} / ${shadowOpacity.lg})`,
+  xl: `0 20px 25px -5px rgb(${shadowBase.black} / ${shadowOpacity.xl}), 0 8px 10px -6px rgb(${shadowBase.black} / ${shadowOpacity.xl})`,
+  "2xl": `0 25px 50px -12px rgb(${shadowBase.black} / ${shadowOpacity["2xl"]})`
+};
+var primaryColoredShadows = {
+  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)"
+};
+var accentColoredShadows = {
+  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)"
+};
+var glowEffects = {
+  // 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)",
+  "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)",
+  // Accent glow effects
+  "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)"
+};
+var focusRings = {
+  default: "0 0 0 3px hsl(var(--ring) / 0.5)",
+  "focus-primary": "0 0 0 3px hsl(var(--primary-500) / 0.3)",
+  "focus-accent": "0 0 0 3px hsl(var(--accent-500) / 0.3)"
+};
+var tailwindShadowConfig = {
+  boxShadow: {
+    // Elevation shadows
+    none: elevationShadows.none,
+    xs: elevationShadows.xs,
+    sm: elevationShadows.sm,
+    md: elevationShadows.md,
+    lg: elevationShadows.lg,
+    xl: elevationShadows.xl,
+    "2xl": elevationShadows["2xl"],
+    // Primary colored shadows
+    "primary-xs": primaryColoredShadows.xs,
+    "primary-sm": primaryColoredShadows.sm,
+    "primary-md": primaryColoredShadows.md,
+    "primary-lg": primaryColoredShadows.lg,
+    "primary-xl": primaryColoredShadows.xl,
+    "primary-2xl": primaryColoredShadows["2xl"],
+    // Accent colored shadows
+    "accent-xs": accentColoredShadows.xs,
+    "accent-sm": accentColoredShadows.sm,
+    "accent-md": accentColoredShadows.md,
+    "accent-lg": accentColoredShadows.lg,
+    "accent-xl": accentColoredShadows.xl,
+    "accent-2xl": accentColoredShadows["2xl"],
+    // Glow effects
+    "glow-primary": glowEffects["glow-primary"],
+    "glow-primary-subtle": glowEffects["glow-primary-subtle"],
+    "glow-primary-medium": glowEffects["glow-primary-medium"],
+    "glow-primary-strong": glowEffects["glow-primary-strong"],
+    "glow-accent": glowEffects["glow-accent"],
+    "glow-accent-subtle": glowEffects["glow-accent-subtle"],
+    "glow-accent-medium": glowEffects["glow-accent-medium"],
+    "glow-accent-strong": glowEffects["glow-accent-strong"],
+    // Focus rings (using box-shadow for focus states)
+    "focus-ring": focusRings.default,
+    "focus-primary": focusRings["focus-primary"],
+    "focus-accent": focusRings["focus-accent"]
+  },
+  // Ring width (for focus rings using ring utilities)
+  ringWidth: {
+    DEFAULT: "3px",
+    sm: "2px",
+    md: "3px",
+    lg: "4px"
+  },
+  // Ring color (for focus rings)
+  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)"
+  }
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  // Zero spacing
+  0: "0",
+  px: "1px",
+  // Half unit (4px)
+  0.5: "0.125rem",
+  // 4px
+  // Base unit multiples (8px increments)
+  1: "0.25rem",
+  // 4px (half unit, common)
+  1.5: "0.375rem",
+  // 6px (rare, for fine adjustments)
+  2: "0.5rem",
+  // 8px (base unit)
+  2.5: "0.625rem",
+  // 10px (rare)
+  3: "0.75rem",
+  // 12px (1.5 × base)
+  3.5: "0.875rem",
+  // 14px (rare)
+  4: "1rem",
+  // 16px (2 × base)
+  5: "1.25rem",
+  // 20px (2.5 × base)
+  6: "1.5rem",
+  // 24px (3 × base)
+  7: "1.75rem",
+  // 28px (3.5 × base)
+  8: "2rem",
+  // 32px (4 × base)
+  9: "2.25rem",
+  // 36px (4.5 × base)
+  10: "2.5rem",
+  // 40px (5 × base)
+  11: "2.75rem",
+  // 44px (5.5 × base)
+  12: "3rem",
+  // 48px (6 × base)
+  14: "3.5rem",
+  // 56px (7 × base)
+  16: "4rem",
+  // 64px (8 × base)
+  20: "5rem",
+  // 80px (10 × base)
+  24: "6rem",
+  // 96px (12 × base)
+  // Extended scale for larger spacing
+  28: "7rem",
+  // 112px (14 × base)
+  32: "8rem",
+  // 128px (16 × base)
+  36: "9rem",
+  // 144px (18 × base)
+  40: "10rem",
+  // 160px (20 × base)
+  44: "11rem",
+  // 176px (22 × base)
+  48: "12rem",
+  // 192px (24 × base)
+  52: "13rem",
+  // 208px (26 × base)
+  56: "14rem",
+  // 224px (28 × base)
+  60: "15rem",
+  // 240px (30 × base)
+  64: "16rem",
+  // 256px (32 × base)
+  72: "18rem",
+  // 288px (36 × base)
+  80: "20rem",
+  // 320px (40 × base)
+  96: "24rem"
+  // 384px (48 × base)
+};
+var semanticSpacing = {
+  // Extra small spacing (tight, minimal)
+  xs: spacing[1],
+  // 4px (0.25rem)
+  // Small spacing (compact)
+  sm: spacing[2],
+  // 8px (0.5rem)
+  // Medium spacing (default)
+  md: spacing[4],
+  // 16px (1rem)
+  // Large spacing (spacious)
+  lg: spacing[6],
+  // 24px (1.5rem)
+  // Extra large spacing (very spacious)
+  xl: spacing[8],
+  // 32px (2rem)
+  // 2XL spacing (section-level)
+  "2xl": spacing[12],
+  // 48px (3rem)
+  // 3XL spacing (major sections)
+  "3xl": spacing[16],
+  // 64px (4rem)
+  // 4XL spacing (page sections)
+  "4xl": spacing[20],
+  // 80px (5rem)
+  // 5XL spacing (hero sections)
+  "5xl": spacing[24],
+  // 96px (6rem)
+  // None (no spacing)
+  none: spacing[0]
+  // 0
+};
+var tailwindSpacingConfig = {
+  spacing: {
+    ...spacing,
+    // Add semantic tokens as aliases
+    xs: semanticSpacing.xs,
+    sm: semanticSpacing.sm,
+    md: semanticSpacing.md,
+    lg: semanticSpacing.lg,
+    xl: semanticSpacing.xl,
+    "2xl": semanticSpacing["2xl"],
+    "3xl": semanticSpacing["3xl"],
+    "4xl": semanticSpacing["4xl"],
+    "5xl": semanticSpacing["5xl"],
+    none: semanticSpacing.none
+  }
+};
+
+// src/tokens/typography.ts
+var fontFamily = {
+  // Primary font - Inter (default sans)
+  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"
+  ],
+  // Optional font - Satoshi
+  satoshi: [
+    "Satoshi",
+    "Inter",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Segoe UI",
+    "Roboto",
+    "sans-serif"
+  ],
+  // Display font - Clash Display (for headings and hero sections)
+  display: [
+    "Clash Display",
+    "Inter",
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Segoe UI",
+    "Roboto",
+    "sans-serif"
+  ],
+  // Serif font family
+  serif: ["ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"],
+  // Monospace font family
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    "Liberation Mono",
+    "Courier New",
+    "monospace"
+  ]
+};
+var fontSize = {
+  // text-xs: 12px base, scales from 0.75rem to 0.875rem
+  xs: [
+    "clamp(0.75rem, 0.7rem + 0.125vw, 0.875rem)",
+    { lineHeight: "1rem", letterSpacing: "0.05em" }
+  ],
+  // text-sm: 14px base, scales from 0.875rem to 1rem
+  sm: [
+    "clamp(0.875rem, 0.8rem + 0.25vw, 1rem)",
+    { lineHeight: "1.25rem", letterSpacing: "0.025em" }
+  ],
+  // text-base: 16px base, scales from 1rem to 1.125rem
+  base: ["clamp(1rem, 0.95rem + 0.25vw, 1.125rem)", { lineHeight: "1.5rem", letterSpacing: "0em" }],
+  // text-lg: 18px base, scales from 1.125rem to 1.25rem
+  lg: [
+    "clamp(1.125rem, 1rem + 0.5vw, 1.25rem)",
+    { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+  ],
+  // text-xl: 20px base, scales from 1.25rem to 1.5rem
+  xl: [
+    "clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem)",
+    { lineHeight: "1.75rem", letterSpacing: "-0.025em" }
+  ],
+  // text-2xl: 24px base, scales from 1.5rem to 2rem
+  "2xl": [
+    "clamp(1.5rem, 1.25rem + 1.25vw, 2rem)",
+    { lineHeight: "2rem", letterSpacing: "-0.05em" }
+  ],
+  // text-3xl: 30px base, scales from 1.875rem to 2.5rem
+  "3xl": [
+    "clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem)",
+    { lineHeight: "2.25rem", letterSpacing: "-0.05em" }
+  ],
+  // text-4xl: 36px base, scales from 2.25rem to 3rem
+  "4xl": [
+    "clamp(2.25rem, 1.75rem + 2.5vw, 3rem)",
+    { lineHeight: "2.5rem", letterSpacing: "-0.025em" }
+  ],
+  // text-5xl: 48px base, scales from 3rem to 4rem
+  "5xl": ["clamp(3rem, 2rem + 5vw, 4rem)", { lineHeight: "1", letterSpacing: "-0.025em" }],
+  // text-6xl: 60px base, scales from 3.75rem to 5rem
+  "6xl": ["clamp(3.75rem, 2.5rem + 6.25vw, 5rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
+  // text-7xl: 72px base (optional, for hero sections)
+  "7xl": ["clamp(4.5rem, 3rem + 7.5vw, 6rem)", { lineHeight: "1", letterSpacing: "-0.05em" }],
+  // text-8xl: 96px base (optional, for hero sections)
+  "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" }]
+};
+var fontWeight = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+};
+var lineHeight = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+};
+var letterSpacing = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+};
+({
+  // Font sizes (using clamp values)
+  "--font-size-xs": fontSize.xs[0],
+  "--font-size-sm": fontSize.sm[0],
+  "--font-size-base": fontSize.base[0],
+  "--font-size-lg": fontSize.lg[0],
+  "--font-size-xl": fontSize.xl[0],
+  "--font-size-2xl": fontSize["2xl"][0],
+  "--font-size-3xl": fontSize["3xl"][0],
+  "--font-size-4xl": fontSize["4xl"][0],
+  "--font-size-5xl": fontSize["5xl"][0],
+  "--font-size-6xl": fontSize["6xl"][0]});
+({
+  // Display styles (for hero sections)
+  display: {
+    fontSize: fontSize["6xl"][0]},
+  // Heading styles
+  h1: {
+    fontSize: fontSize["5xl"][0]},
+  h2: {
+    fontSize: fontSize["4xl"][0]},
+  h3: {
+    fontSize: fontSize["3xl"][0]},
+  h4: {
+    fontSize: fontSize["2xl"][0]},
+  h5: {
+    fontSize: fontSize.xl[0]},
+  h6: {
+    fontSize: fontSize.lg[0]},
+  // Body text styles
+  body: {
+    fontSize: fontSize.base[0]},
+  "body-sm": {
+    fontSize: fontSize.sm[0]},
+  "body-xs": {
+    fontSize: fontSize.xs[0]},
+  // Label styles
+  label: {
+    fontSize: fontSize.sm[0]},
+  "label-sm": {
+    fontSize: fontSize.xs[0]},
+  // Caption styles
+  caption: {
+    fontSize: fontSize.xs[0]}
+});
+var tailwindTypographyConfig = {
+  fontFamily: {
+    sans: [...fontFamily.sans],
+    satoshi: [...fontFamily.satoshi],
+    display: [...fontFamily.display],
+    serif: [...fontFamily.serif],
+    mono: [...fontFamily.mono]
+  },
+  fontSize: {
+    xs: [
+      fontSize.xs[0],
+      { lineHeight: fontSize.xs[1].lineHeight, letterSpacing: fontSize.xs[1].letterSpacing }
+    ],
+    sm: [
+      fontSize.sm[0],
+      { lineHeight: fontSize.sm[1].lineHeight, letterSpacing: fontSize.sm[1].letterSpacing }
+    ],
+    md: [
+      fontSize.base[0],
+      { lineHeight: fontSize.base[1].lineHeight, letterSpacing: fontSize.base[1].letterSpacing }
+    ],
+    base: [
+      fontSize.base[0],
+      { lineHeight: fontSize.base[1].lineHeight, letterSpacing: fontSize.base[1].letterSpacing }
+    ],
+    lg: [
+      fontSize.lg[0],
+      { lineHeight: fontSize.lg[1].lineHeight, letterSpacing: fontSize.lg[1].letterSpacing }
+    ],
+    xl: [
+      fontSize.xl[0],
+      { lineHeight: fontSize.xl[1].lineHeight, letterSpacing: fontSize.xl[1].letterSpacing }
+    ],
+    "2xl": [
+      fontSize["2xl"][0],
+      {
+        lineHeight: fontSize["2xl"][1].lineHeight,
+        letterSpacing: fontSize["2xl"][1].letterSpacing
+      }
+    ],
+    "3xl": [
+      fontSize["3xl"][0],
+      {
+        lineHeight: fontSize["3xl"][1].lineHeight,
+        letterSpacing: fontSize["3xl"][1].letterSpacing
+      }
+    ],
+    "4xl": [
+      fontSize["4xl"][0],
+      {
+        lineHeight: fontSize["4xl"][1].lineHeight,
+        letterSpacing: fontSize["4xl"][1].letterSpacing
+      }
+    ],
+    "5xl": [
+      fontSize["5xl"][0],
+      {
+        lineHeight: fontSize["5xl"][1].lineHeight,
+        letterSpacing: fontSize["5xl"][1].letterSpacing
+      }
+    ],
+    "6xl": [
+      fontSize["6xl"][0],
+      {
+        lineHeight: fontSize["6xl"][1].lineHeight,
+        letterSpacing: fontSize["6xl"][1].letterSpacing
+      }
+    ],
+    "7xl": [
+      fontSize["7xl"][0],
+      {
+        lineHeight: fontSize["7xl"][1].lineHeight,
+        letterSpacing: fontSize["7xl"][1].letterSpacing
+      }
+    ],
+    "8xl": [
+      fontSize["8xl"][0],
+      {
+        lineHeight: fontSize["8xl"][1].lineHeight,
+        letterSpacing: fontSize["8xl"][1].letterSpacing
+      }
+    ],
+    "9xl": [
+      fontSize["9xl"][0],
+      {
+        lineHeight: fontSize["9xl"][1].lineHeight,
+        letterSpacing: fontSize["9xl"][1].letterSpacing
+      }
+    ]
+  },
+  fontWeight: { ...fontWeight },
+  lineHeight: { ...lineHeight },
+  letterSpacing: { ...letterSpacing }
+};
+
+// src/preset.ts
+var preset = {
   darkMode: ["class", '[data-mode="night"]'],
   theme: {
     extend: {
       colors: {
         // Token-based colors from tokens/colors
-        ...c
+        ...tailwindThemeColors
       },
       // Token-based typography from tokens/typography
-      fontFamily: e.fontFamily,
-      fontSize: e.fontSize,
-      fontWeight: e.fontWeight,
-      lineHeight: e.lineHeight,
-      letterSpacing: e.letterSpacing,
+      fontFamily: tailwindTypographyConfig.fontFamily,
+      fontSize: tailwindTypographyConfig.fontSize,
+      fontWeight: tailwindTypographyConfig.fontWeight,
+      lineHeight: tailwindTypographyConfig.lineHeight,
+      letterSpacing: tailwindTypographyConfig.letterSpacing,
       // Token-based spacing from tokens/spacing
-      spacing: h.spacing,
+      spacing: tailwindSpacingConfig.spacing,
       // Token-based shadows from tokens/shadows
-      boxShadow: l.boxShadow,
-      ringWidth: l.ringWidth,
-      ringColor: l.ringColor,
+      boxShadow: tailwindShadowConfig.boxShadow,
+      ringWidth: tailwindShadowConfig.ringWidth,
+      ringColor: tailwindShadowConfig.ringColor,
       // Token-based border radius from tokens/radius
-      borderRadius: p.borderRadius,
+      borderRadius: tailwindRadiusConfig.borderRadius,
       // Token-based motion from tokens/motion
       transitionDuration: {
-        ...o.transitionDuration,
-        ...d.transitionDuration
+        ...tailwindMotionConfig.transitionDuration,
+        ...motionV2TailwindConfig.transitionDuration
       },
       transitionTimingFunction: {
-        ...o.transitionTimingFunction,
-        ...d.transitionTimingFunction
+        ...tailwindMotionConfig.transitionTimingFunction,
+        ...motionV2TailwindConfig.transitionTimingFunction
       },
-      transitionProperty: o.transitionProperty,
+      transitionProperty: tailwindMotionConfig.transitionProperty,
       keyframes: {
-        ...o.keyframes,
-        ...d.keyframes
+        ...tailwindMotionConfig.keyframes,
+        ...motionV2TailwindConfig.keyframes
       },
       animation: {
-        ...o.animation,
-        ...d.keyframes
+        ...tailwindMotionConfig.animation,
+        ...motionV2TailwindConfig.keyframes
       }
     }
   },
   plugins: [
-    y(({ addUtilities: t, addBase: a }) => {
-      a({
+    plugin(({ addUtilities, addBase }) => {
+      addBase({
         ":root": {
-          ...v
+          ...motionV2CSSVariables
         }
-      }), t({
+      });
+      addUtilities({
         // Fade animations
         ".tm-motion-fade-in": {
-          animation: "fade-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `fade-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-out": {
-          animation: "fade-out var(--motion-duration-fast) var(--motion-easing-standard)"
+          animation: `fade-out var(--motion-duration-fast) var(--motion-easing-standard)`
         },
         // Scale animations
         ".tm-motion-scale-in": {
-          animation: "scale-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `scale-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-scale-out": {
-          animation: "scale-out var(--motion-duration-fast) var(--motion-easing-standard)"
+          animation: `scale-out var(--motion-duration-fast) var(--motion-easing-standard)`
         },
         // Slide animations
         ".tm-motion-slide-up": {
-          animation: "slide-up-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `slide-up-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-slide-down": {
-          animation: "slide-down-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `slide-down-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-slide-left": {
-          animation: "slide-left-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `slide-left-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-slide-right": {
-          animation: "slide-right-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `slide-right-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         // Compound animations
         ".tm-motion-fade-scale": {
-          animation: "fade-scale-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `fade-scale-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-slide-up": {
-          animation: "fade-slide-up-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `fade-slide-up-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-slide-down": {
-          animation: "fade-slide-down-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `fade-slide-down-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-slide-left": {
-          animation: "fade-slide-left-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `fade-slide-left-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-slide-right": {
-          animation: "fade-slide-right-in var(--motion-duration-normal) var(--motion-easing-standard)"
+          animation: `fade-slide-right-in var(--motion-duration-normal) var(--motion-easing-standard)`
         },
         // Exit animations (for use with data attributes or state classes)
         ".tm-motion-fade-scale-out": {
-          animation: "fade-scale-out var(--motion-duration-fast) var(--motion-easing-standard)"
+          animation: `fade-scale-out var(--motion-duration-fast) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-slide-up-out": {
-          animation: "fade-slide-up-out var(--motion-duration-fast) var(--motion-easing-standard)"
+          animation: `fade-slide-up-out var(--motion-duration-fast) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-slide-down-out": {
-          animation: "fade-slide-down-out var(--motion-duration-fast) var(--motion-easing-standard)"
+          animation: `fade-slide-down-out var(--motion-duration-fast) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-slide-left-out": {
-          animation: "fade-slide-left-out var(--motion-duration-fast) var(--motion-easing-standard)"
+          animation: `fade-slide-left-out var(--motion-duration-fast) var(--motion-easing-standard)`
         },
         ".tm-motion-fade-slide-right-out": {
-          animation: "fade-slide-right-out var(--motion-duration-fast) var(--motion-easing-standard)"
+          animation: `fade-slide-right-out var(--motion-duration-fast) var(--motion-easing-standard)`
         },
         // Hover animations
         ".tm-motion-hover-lift": {
@@ -183,6 +1253,6 @@ const y = /* @__PURE__ */ _(w), b = {
     })
   ]
 };
-export {
-  b as default
-};
+var preset_default = preset;
+
+export { preset_default as default };