// Tailwind motion preset — generated by designlang (motionlang)
// Source: https://coulomb.social
// 2026-08-08T23:30:22.014Z
//
// Merge `extend` into your tailwind.config theme.extend, e.g.:
//   const motion = require('./coulomb.social-motion.tailwind');
//   module.exports = { theme: { extend: { ...motion.extend } } };
//
// Then: <div class="animate-slide-up" /> or `duration-md ease-spring`.

const extend = {
  "transitionDuration": {
    "sm": "250ms"
  },
  "transitionTimingFunction": {
    "standard": "cubic-bezier(0.25, 0.1, 0.25, 1)"
  },
  "keyframes": {
    "fade-in": {
      "0%": {
        "opacity": "0"
      },
      "100%": {
        "opacity": "1"
      }
    },
    "slide-up": {
      "0%": {
        "opacity": "0",
        "transform": "translateY(16px)"
      },
      "100%": {
        "opacity": "1",
        "transform": "none"
      }
    },
    "scale-in": {
      "0%": {
        "opacity": "0",
        "transform": "scale(0.96)"
      },
      "100%": {
        "opacity": "1",
        "transform": "none"
      }
    },
    "pop": {
      "0%": {
        "transform": "scale(0.9)"
      },
      "60%": {
        "transform": "scale(1.03)"
      },
      "100%": {
        "transform": "scale(1)"
      }
    }
  },
  "animation": {
    "fade-in": "fade-in 250ms var(--tw-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1)) both",
    "slide-up": "slide-up 250ms var(--tw-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1)) both",
    "scale-in": "scale-in 250ms var(--tw-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1)) both",
    "pop": "pop 250ms var(--tw-ease-standard, cubic-bezier(0.25, 0.1, 0.25, 1)) both"
  }
};

module.exports = { extend };